@alicloud/eslint-config

继承 eslint-config-ali 的 eslint 配置。

如何写你自己的可共享的 eslint config

除了 eslint，其他的依赖已内置：

• @typescript-eslint/eslint-plugin
• @typescript-eslint/parser
• @babel/eslint-parser
• eslint-config-ali
• eslint-plugin-import
• eslint-plugin-jsx-a11y
• eslint-plugin-lodash
• eslint-plugin-react
• eslint-plugin-react-hooks

INSTALL

tnpm i -D eslint @alicloud/eslint-config

Usage

.eslintrc

在你的项目根目录下新建 .eslintrc，内容如下：

es5 项目

{
  "extends": [
    "@alicloud/eslint-config/es5"
  ]
}

es6 项目

默认 parser 为 @babel/eslint-parser 已安装。

{
  "extends": [
    "@alicloud/eslint-config/es6"
  ]
}

react 项目

默认 parser 为 @babel/eslint-parser 已安装。

{
  "extends": [
    "@alicloud/eslint-config/react"
  ]
}

ts / tsx 项目

默认 parser 为 @typescript-eslint/parser 已安装。

{
  "extends": [
    "@alicloud/eslint-config/ts"
  ]
}

{
  "extends": [
    "@alicloud/eslint-config/tsx"
  ]
}

.eslintignore 推荐

# common

.*/

# generated

build/
coverage/

npm script

在 package.json 里的 "scripts" 里添加 lint 命令：

{
  "script": {
    "lint": "eslint src/ --ext js,ts,tsx"
  }
}

使用 lerna 做包管理的应用，还可以加上 "lint:packages": "eslint packages/**/src/ --ext js,ts,tsx"。

在项目根目录下执行 yarn lint 或 npm run lint 查看结果。

IDE Support

• VsCode
• WebStorm