vscode配置vue下的es6規(guī)范自動(dòng)格式化詳解
前言
最近在寫Vue的時(shí)候,遇見了js es6格式化問題,因?yàn)槲移綍r(shí)用vscode在寫php,所以會(huì)安裝一些格式化插件,也包括html-css-js的插件
導(dǎo)致的問題:由于vue語法規(guī)范問題,導(dǎo)致保存自動(dòng)格式化成不被使用的代碼格式,出現(xiàn)代碼錯(cuò)誤等異常
寫這篇的時(shí)候,我也查閱了很多資料有很多的資料不能被使用,也換過很多的編輯器如:Atom,sublime,webstorm
否掉的編輯器
Atom
這一款編輯器真心顏值高,但是插件是真心不好弄,各種被墻,各種的不適應(yīng),所以我決定還是棄掉
sublime
同上,以前sublime沒發(fā)現(xiàn)墻,但是現(xiàn)在好像有墻了,所以懶得折騰,棄掉
webstorm
webstorm 的強(qiáng)大不做解釋,但是就是太大,太慢,界面不喜歡是最終理由,棄掉
MAC配置下vscode自動(dòng)格式化vue
相關(guān)插件:ESLint,JavaScript(ES6),vetur
先安裝相關(guān)插件。打開settings.json,在代碼塊里面添加
"eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ], "eslint.autoFixOnSave": true, "explorer.confirmDragAndDrop": false, "editor.detectIndentation": false, "editor.tabSize": 2, "vetur.format.defaultFormatter.js": "none"
保存然后重啟,解決
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
基于vue.js中關(guān)于下拉框的值默認(rèn)及綁定問題
今天小編就為大家分享一篇基于vue.js中關(guān)于下拉框的值默認(rèn)及綁定問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08Vue實(shí)現(xiàn)遠(yuǎn)程獲取路由與頁面刷新導(dǎo)致404錯(cuò)誤的解決
這篇文章主要介紹了Vue實(shí)現(xiàn)遠(yuǎn)程獲取路由與頁面刷新導(dǎo)致404錯(cuò)誤的解決,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01vue3實(shí)現(xiàn)封裝時(shí)間計(jì)算-日期倒計(jì)時(shí)組件-還有XX天&第XX天
這篇文章主要介紹了vue3實(shí)現(xiàn)封裝時(shí)間計(jì)算-日期倒計(jì)時(shí)組件-還有XX天&第XX天,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03vue3中項(xiàng)目優(yōu)化方法詳解(Web?Worker的使用)
最近在做vue3的項(xiàng)目中,遇到了計(jì)算量龐大導(dǎo)致頁面響應(yīng)緩慢的問題,所以下面這篇文章主要給大家介紹了關(guān)于vue3中項(xiàng)目優(yōu)化方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07