前言

最近在寫Vue的時候，遇見了js es6格式化問題，因為我平時用vscode在寫php，所以會安裝一些格式化插件，也包括html-css-js的插件

導(dǎo)致的問題：由于vue語法規(guī)范問題，導(dǎo)致保存自動格式化成不被使用的代碼格式，出現(xiàn)代碼錯誤等異常

寫這篇的時候，我也查閱了很多資料有很多的資料不能被使用，也換過很多的編輯器如：Atom,sublime,webstorm

否掉的編輯器

Atom

這一款編輯器真心顏值高，但是插件是真心不好弄，各種被墻，各種的不適應(yīng)，所以我決定還是棄掉

sublime

同上，以前sublime沒發(fā)現(xiàn)墻，但是現(xiàn)在好像有墻了，所以懶得折騰，棄掉

webstorm

webstorm 的強大不做解釋，但是就是太大，太慢，界面不喜歡是最終理由，棄掉

MAC配置下vscode自動格式化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í)有所幫助，也希望大家多多支持錯新站長站。