vsCode保存自動格式化代碼最標准，最簡單，開箱即用，超級好用，只需兩步

開發背景：現所屬團隊主要使用vue框架進行開發，在多人開發時，代碼格式風格各異，會導致合並代碼時出現不必要的沖突，所以想在一個團隊開發時統一代碼風格。

實現步驟：

1、vsCode商店中搜索ESlint，vetur，進行安裝。

 

 2、vsCode 中settings.json 文件加入如下代碼

 "vetur.format.defaultFormatter.js": "none", // 禁止vetur格式化js js格式化使用eslint
  "editor.tabSize": 2, // tab間隔字符
  "editor.formatOnSave": true, // 編輯器在保存的時候格式化代碼
  "eslint.autoFixOnSave": true, // 保存時eslint自動格式化代碼
  // 用來配置作用的文件類型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]

 3、最新版本vetur中需進行如下設置，設置搜索vetur，取消下面圖中紅色的選中框，否則在格式化js文件時會有沖突。