vscode 配置vue下的es6規範自動格式化

前言

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

致使的問題：因爲vue語法規範問題，致使保存自動格式化成不被使用的代碼格式，出現代碼錯誤等異常

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

否掉的編輯器

Atom

這一款編輯器真心顏值高，可是插件是真心很差弄，各類被牆，各類的不適應，因此我決定仍是棄掉

sublime

同上，之前sublime沒發現牆，可是如今好像有牆了，因此懶得折騰，棄掉

webstorm

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

MAC配置下vscode自動格式化vue

相關插件： ESLint, JavaScript(ES6), vetur

先安裝相關插件。打開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"

保存而後重啓，解決