生成项目时选择的 eslint 风格可能并不是最终想要的代码风格

误选 Prettier 规则

开始的时候，使用 vue craete myProject 创建项目

选择了 prettier 规则

进到项目写代码的时候，发现它要求使用双引号！

就去 Google 找切换 eslint 规则的方法，没有找到很明确的方式

Airbnb 规则

在一个 Github issue 里看到：在 .eslintrc.js 文件下有对应配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};

上述代码可以看到，在 extends 这个字段下有 “@vue/prettier” 这么个值

忘记之前常用的是哪个代码风格了，就试试 Airbnb ，我把它改成了 “@vue/airbnb”

因为在 package.json 里看到有 eslint 相关的一些依赖，所以又搜索并安装了 “@vue/eslint-config-airbnb”

yarn serve 之后，还真起作用了

但 airbnb 的规则还是不满意（它要求有分号），又想换成 standard 规则

Standard 规则

换 Standard 风格

同样的，把 .eslintrc.js 里的规则作了更改：”@vue/standard”

又安装了 vue 下与之对应的 “@vue/eslint-config-standard” 这个依赖

yarn serve 后，有几个报错，说少了某些个依赖

• eslint-plugin-node
• eslint-plugin-promise
• eslint-plugin-standard

按照提示把依赖都装好之后，就正常跑起来了