vue 项目添加 Eslint

收集到了大约3种方式：

1.自动安装Eslint 插件，执行后，就会让你选择Eslint的验证风格，然后什么时候验证。

vue add @vue/eslint

2.自动vue Eslint插件，执行后，就会让你选择Eslint的验证风格，然后什么时候验证。

vue add @vue/cli-plugin-eslint

上两种会自动创建 .eslintrc.js 文件，并使用里面所选的验证风格，如果需要排除一些其他插件语法可以在文件里加上下面的配置：

{
"globals": {
   "wx": "readonly",
   "uni": "readonly"
}

3.手动安装vue的Eslint插件。这种安装要自己手写插件风格

yarn add --dev eslint eslint-plugin-vue eslint-plugin-html eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard

手动创建.eslintrc.js 文件在文件里写入：

module.exports = {
    extends: [
        'plugin:vue/recommended'
    ],
    rules: {
        "no-alert": 0,
        "no-multi-spaces": "error", // 禁止多个空格 
        //"semi": [2, "always"] ,// 自动补充分号
       "quotes": ["error", "single"] // 使用单引号
    }
}

手动装Eslint插件一些其他规则：

{
  //在computed properties中禁用异步actions
  'vue/no-async-in-computed-properties': 'error',
  //不允许重复的keys
  'vue/no-dupe-keys': 'error',
  //不允许重复的attributes
  'vue/no-duplicate-attributes': 'error',
  //在