编程规范(ESLint|编程规范:ESLint + Prettier)

代码检测工具: Eslint
【编程规范(ESLint|编程规范:ESLint + Prettier)】代码格式化工具: 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 } }

    推荐阅读