安装 ESLint 和 @afuteam/eslint-plugin-fe:
npm i eslint @afuteam/eslint-plugin-fe --save-dev在 .eslintrc 配置文件中, 引入 @afuteam/eslint-plugin-fe 插件
{
"plugins": ["@afuteam/fe"]
}然后根据项目类型, 配置对应规则
// js + react
{
"extends": [
"plugin:@afuteam/fe/react-js"
],
"plugins": ["@afuteam/fe"]
}// js + vue2
{
"extends": ["plugin:@afuteam/fe/vue2-js"],
"plugins": ["@afuteam/fe"]
}// js + vue3
{
"extends": ["plugin:@afuteam/fe/vue3-js"],
"plugins": ["@afuteam/fe"]
}// ts + react 包含js规则
{
"extends": [
"plugin:@afuteam/fe/react-ts"
],
"plugins": ["@afuteam/fe"]
}// ts + vue2 包含js规则
{
"plugins": ["@afuteam/fe"],
"extends": ["plugin:@afuteam/fe/vue2-ts"]
}// ts + vue3 包含js规则
{
"plugins": ["@afuteam/fe"],
"extends": ["plugin:@afuteam/fe/vue3-ts"]
}查看当前支持的类型,列出清单
npx @afuteam/eslint-plugin-fe@latest --help=type使用
npx @afuteam/eslint-plugin-fe@latest --type=react-ts --path=src/2.0.1
- 默认禁止lint 的行内disable注释;但支持npx方式来打开 --allowInlineConfig=true
- 忽略 min.js iconfont.js 结尾的js文件