vscode+eslint自動格式化vue代碼的方法

前言

使用vscode開發vue項目的時候，為了編碼格式的統一化，使用eslint規范進行格式化。此時通過eslint插件可以實現對vue代碼的自動格式化。

使用方式

在vscode的插件模塊處，搜索eslint。找到下面的插件。

安裝完成后，進行配置。
file --> preferences --> setting
找到eslint。

打開setting.json。
在里面配置如下代碼：

{
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "eslint.validate": [
    "javascript",
    {
      "language": "vue",
      "autoFix": true
    },
    "html",
    "vue"
  ],
  "eslint.autoFixOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.codeAction.disableRuleComment": {},
  "eslint.alwaysShowStatus": true,
}

重啟后，修改代碼，當不符合es規范的時候，使用ctrl+s保存的時候，就自動修復了。