什么是eslint

ESLint 是一个代码检查工具,用来检查你的代码是否符合指定的规范

规范

  • 行业推荐的规范; 在创建项目时,我们使用的是 JavaScript Standard Style 代码风格的规则
  • 自定义的规范。你和你的团队可以自行约定一套规范

参考文档

https://juejin.cn/post/7013326365852188679

报错解决:

Syntax Error: Error: No ESLint configuration found in

原因:

造成这种报错的原因是因为项目中缺少.eslintrc.js文件。添加上就可以了。

添加.eslintrc.js文件方法:

  1. 手动添加,直接手动添加.eslintrc.js文件在项目中,并进行相应的配置就行了。
  2. 使用命令添加,如果eslint是全局安装的话,使用命令eslint –init安装。

配置信息

module.exports = {
"env": {
    "browser": true,
    "es6": true,
    "node": true
},
"extends": "eslint:recommended",
"parserOptions": {
    "ecmaVersion": 2015,
    "sourceType": "module"
},
"rules": {
    // 缩进
    "indent": [
        "error",
        4 //我的是编辑器自动格式化,不是使用tabs,而是四个空格
    ],
    "linebreak-style": [
        "error",
        "windows"
    ],
    // 引号
    "quotes": [
        1,
        "single"
    ],
    // 分号结尾
    "semi": [
        "error",
        "always"
    ],
    "no-unused-vars": [2, {
        // 允许声明未使用变量
        "vars": "local",
        // 参数不检查
        "args": "none"
    }],
    // 最大空行100
    "no-multiple-empty-lines": [0, { "max": 100 }],
    "no-mixed-spaces-and-tabs": [0],
    //不能使用console
    "no-console": 'off',
    //未定义变量不能使用
    "no-undef": 0,
    //一行结束后面不要有空格
    "no-trailing-spaces": 1,
    //强制驼峰法命名
    "camelcase": 2,
    //对象字面量项尾不能有逗号
    "comma-dangle": [2, "never"],
    //this别名
    "consistent-this": [2, "that"],
}
};

为什么引入外部js文件必须要代码审查?

不进行代码审查

1. 关闭单一文件校验
在文件头部添加如下内容:

/* eslint-disable */
2、如果对全局变量忽略,显然加注释的方法有些繁琐,解决方法:

找到.eslintrc.js,添加 'globals': { '你的全局变量': null }

参考文档:

https://blog.csdn.net/weixin_41688900/article/details/119043585

https://www.zhihu.com/question/462580729

https://segmentfault.com/a/1190000040036418

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐