安装到项目中
npm install eslint --save-dev
生成一个配置文件
npx eslint --init
参考下列选项，注意第一条选择第3个To check syntax, find problems, and enforce code style，可以检查代码风格问题
✔ How would you like to use ESLint? · style ✔ What type of modules does your project use? · esm ✔ Which framework does your project use? · react ✔ Does your project use TypeScript? · No / Yes ✔ Where does your code run? · browser ✔ How would you like to define a style for your project? · guide ✔ Which style guide do you want to follow? · standard ✔ What format do you want your config file to be in? · JavaScript
vscode中开启保存时自动修复，
1 安装ESlint扩展
2 打开vscode的配置文件，添加下面的配置
// #每次保存的时候将代码按eslint格式进行修复
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
常用规则
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow console during development 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow debugger during development // 以下为该项目自定义部分 // indent: [2, 4], // 缩进风格 - 开启缩进4格 'no-spaced-func': 2, // 函数调用时 函数名与()之间不能有空格 - 开启 'no-const-assign': 2, // 禁止修改const声明的变量 - 开启 'space-before-function-paren': [0, 'always'], // 函数定义时括号前面要有空格 - 关闭 'eol-last': 0, // 文件以单一的换行符结束 - 关闭 camelcase: 0, // 强制驼峰法命名 - 关闭 'no-undef': 0, // 不能有未定义的变量 - 关闭 'no-alert': 0, // 禁止使用alert confirm prompt - 关闭 'arrow-parens': 0 // 箭头函数用小括号括起来 - 关闭