编程规范:ESLint + Prettier

发布于:2023-03-12 ⋅ 阅读:(0) ⋅ 点赞:(0)

代码检测工具: 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
      }
    }

网站公告

欢迎关注微信公众号 关注公众号领取新人福利

今日签到

点亮在社区的每一天
去签到