编程规范：ESLint + Prettier

代码检测工具: Eslint

代码格式化工具: Prettier

prettier可以在保存代码时，让代码符合ESLint标准

1. 在VSCode中安装prettier插件

2. 在项目根目录创建.prettierrc.js文件

3. 配置prettier

module.exports = {
  semi: true,
  singleQuote: true,
  trailingComma: 'none'
}

4. 在VSCode设置中勾选Format On Save，formatter中Default Formatter选择Prettier-Code formatter

5. 在VSCode设置中修改Tab Size为2，将一个tab改为两个空格

6. 在.eslintrc.js中解决ESLint和Prettier之间的冲突

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/vue3-essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'space-before-function-paren': 0
  }
}