1.安装依赖
"eslint": "^7.6.0",
"eslint-plugin-react": "^7.20.5"
2.自己编写配置文件
module.exports = {
env: {
browser: true,
es2020: true,
node: true
},
extends: ['eslint:recommended', 'plugin:react/recommended'],
parserOptions: {
ecmaFeatures: {
jsx: true
},
ecmaVersion: 11,
sourceType: 'module'
},
plugins: ['react'],
rules: {
// 忽略组件定义名
'react/display-name': 'off',
// 忽略组件prop定义属性类型
'react/prop-types': 'off',
// 单引号
quotes: ['error', 'single'],
indent: [0, 2], // 强制使用一致的缩进
// semi: 0, // 要求或禁止使用分号代替 ASI
'no-const-assign': 2, //禁止修改const声明的变量
'no-delete-var': 2, //不能对var声明的变量使用delete操作符
'no-extra-semi': 2, //禁止多余的冒号
'no-func-assign': 2, //禁止重复的函数声明
'linebreak-style': [0, 'windows'], //换行风格
'no-multi-spaces': 1, //不能用多余的空格
// 禁止尾随逗号
'comma-dangle': ['error', {
'arrays': 'never',
'objects': 'never',
'imports': 'never',
'exports': 'never',
'functions': 'never'
}],
// 'indent': [
// 'error',
// 'tab'
// ],
// 'linebreak-style': [
// 'error',
// 'windows'
// ],
semi: [
'error',
'never'
]
}
}
3.运行检查
"scripts": {
"lint": "eslint --ext .js --ext .jsx src"
},
怎么做到和vue一样,运行代码的时候先执行eslint,有知道可以告诉我一下。
中间少了安装选择,可以自行百度,一共有三种选择,两种是大厂的常用的,最后一种是自己配置的。