1.eslint简介
eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件
当有不符合配置文件内容的代码出现就会报错或者警告
2.安装eslint
npm init -y
npm install eslint --save-dev
./node_modules/.bin/eslint --init 初始化配置文件
此配置文件配置好之后,vscode编辑器自动识别
No ESLint configuration found的问题就解决了。
3.此时如果报错Failed to load plugin node: Cannot find module 'eslint-plugin-node'
替换.eslintrc.js中内容
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"],
}
};
参考文档:
https://www.cnblogs.com/ye-hcj/p/7069505.html
https://blog.csdn.net/caomage/article/details/81094958