vue-cli3如何配置 eslint 及配合 vscode 自動保存

坑，之前多人開發項目，vue-cli3的框架，沒有特別的配置eslint，導致代碼寫的各不相同。最近有時間鼓搗一下。

vue-cli3如何配置eslint

先安插件

eslint-plugin-vue（支持vue規則）
eslint-plugin-node（支持nodejs規則）
eslint-plugin-import（import語句規則）
eslint-plugin-promise
eslint-plugin-html
eslint-plugin-es6

eslint-config-standard包含：

npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g

 

 vue-cli3的eslint在 package.json文件中，我自己的配置如下

　　　

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "standard"
    ],
    "plugins": [
      "vue"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
      "prefer-const": 0,
      "generator-star-spacing": "off",
      "new-cap": "off"
    }
  },

　配置完了之后，看有沒有報錯，少什么包安什么包就是了

 

vscode配置 （可以看我之前的博客 https://www.cnblogs.com/benbentu/p/9661998.html）

  

 "eslint.autoFixOnSave": true,

 

注意：eslint檢查，正常vscode檢測，有問題會現現紅色，如果你的沒有出現，看一下，vscode 右下角的eslilnt 是不是被金禁用了，打開就行了