编程规范: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
      }
    }

你可能感兴趣的