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"

保存而后重启，解决