Eslint：配置文件

最新推荐文章于 2024-11-01 17:29:59 发布

麋麋鹿

最新推荐文章于 2024-11-01 17:29:59 发布

阅读量4k

点赞数 2

分类专栏： Vue 文章标签： json vue.js react.js 前端

本文链接：https://blog.csdn.net/Alan0728/article/details/119242950

版权

Vue 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

本文介绍了如何在VSCODE中配置eslint以规范代码风格。通过安装eslint插件并运行`eslint --init`初始化，生成`.eslintrc.js`配置文件。配置文件中包含了针对箭头函数、空格、注释、变量使用等规则的设定，旨在在开发过程中提供更好的代码质量和一致性。

摘要由CSDN通过智能技术生成

通常我们使用VSCODE的时候有时候代码会很乱不规范，这时候我们需要配置一下eslint来试试了，安装eslint插件，打开终端输入eslint --init 进行初始化eslint，之后生成.eslintrc.js文件。

打开.eslintrc.js文件根据我们的需求规范或者习惯爱好去配置就可以了，下面的是我的一些配置。

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/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',
    'arrow-parens': 0,                                              //箭头函数用小括号括起来
    'generator-star-spacing': 0,                                    //生成器函数*的前后空格
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,   //debugger
    'no-console': 0,                                                //console打印
    "no-undef": 1,                                                  //未定义的变量
    "no-unused-vars": [0, {                                         //声明后未被使用的变量或参数
      "vars": "local",
      "args": "none"
    }],
    "semi": [0],                                                     //语句分号结尾
    "no-multiple-empty-lines": [0, { "max": 100 }],                    //空行最多不能超过100行
    "no-mixed-spaces-and-tabs": [0],                                //禁止混用tab和空格
    "no-tabs": 'off',
    "comma-spacing": 0,//逗号前后的空格
    "keyword-spacing": 0,   //关键字前后必须有空格 如 } else {
    "no-irregular-whitespace": 0,//不能有不规则的空格
    "no-multi-spaces": 0, //不能用多余的空格
    "spaced-comment": 0,                                       // 注释前必须有空格
    "indent": ["off", 2],
    "handle-callback-err": 0,                                          //nodejs 处理错误
    "padded-blocks": 0,                                               //块语句内行首行尾是否要空行
    "camelcase": 0,                                                   //强制驼峰法命名
    "space-before-function-paren": 0,                                    //函数定义时括号前面要不要有空格
    "eqeqeq": 0,                                                       //比较的时候使用严格等于
    "eol-last": 0,
    "no-trailing-spaces": 0,                                             //一行最后不允许有空格
    "space-before-blocks": 0,                                             //块前的空格
    "comma-dangle": ["error", "never"],                                 //是否允许对象中出现结尾逗号

  }
}