@afuteam/eslint-plugin-fe

AfuTeam eslint plugin

安装

npm i eslint @babel/core @babel/eslint-parser @afuteam/eslint-plugin-fe@latest -D

配置

在 .eslintrc.js 文件引入 @afuteam/eslint-plugin-fe 插件

  plugins: ["@afuteam/fe"],

然后根据项目类型，在配置文件中自行搭配，如:

js

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js"
  ],
}

js + typescript4

npm install --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin  @afuteam/eslint-plugin-fe@latest

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js",
    "plugin:@afuteam/fe/typescript4",
  ],
}

js + vue2

npm install --save-dev eslint @babel/core @babel/eslint-parser vue-eslint-parser eslint-plugin-vue  @afuteam/eslint-plugin-fe@latest

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js",
    "plugin:@afuteam/fe/vue2"
  ],
}

js + react

npm install --save-dev eslint @babel/core @babel/eslint-parser @babel/preset-react@latest eslint-plugin-react @afuteam/eslint-plugin-fe@latest

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js",
    "plugin:@afuteam/fe/react"
  ],
}

js + vue3

npm install --save-dev eslint @babel/core @babel/eslint-parser vue-eslint-parser eslint-plugin-vue  @afuteam/eslint-plugin-fe@latest

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js",
    "plugin:@afuteam/fe/vue3"
  ],
}

js + typescript4 + vue2

npm install --save-dev @babel/core @babel/eslint-parser @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/eslint-config-typescript eslint eslint-plugin-vue vue-eslint-parser @afuteam/eslint-plugin-fe@latest

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js",
    "plugin:@afuteam/fe/vue2",
    "plugin:@afuteam/fe/typescript4",
  ],
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "parser": {
      "js": "@babel/eslint-parser",
      "jsx": "@babel/eslint-parser",
      "ts": "@typescript-eslint/parser",
      "tsx": "@typescript-eslint/parser",
    },
  },
}

typescript4 + vue3

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/vue3",
    "plugin:@afuteam/fe/typescript4",
  ],
}

js + typescript4 + react

npm install --save-dev eslint typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-react  @afuteam/eslint-plugin-fe@latest

{
  "plugins": [
    "@afuteam/fe"
  ],
  "extends": [
    "plugin:@afuteam/fe/js",
    "plugin:@afuteam/fe/react",
    "plugin:@afuteam/fe/typescript4",
  ],
}

使用问题

请前往 issues 进行反馈，我会及时跟进处理。