乐趣区

关于eslint:编程规范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
      }
    }
退出移动版