eslint - 配置 - eda
为Enspiral Dev Academy(EDA)的挑战和项目进行 Linting配置.
安装
npm i -D eslint prettier eslint-config-eda
同伴依赖关系
如果您的 npm 版本在 7 之间, 它不会自动安装对等依赖性, 而是会在安装 eslint- config-eda 时打印警告
您可以看到您的 npm 版本与 -v 或者说 --version 旗帜。 Npm v8.4.1就是这个样子
$ npm -v
8.4.1
如果您的版本介于 5.2-6.x 之间, 您可以运行以下操作以安装 eslint- config- eda 的对等依赖性
$ npx install-peerdeps --dev eslint-config-eda
install-peerdeps v3.0.3
Installing peerdeps for eslint-config-eda@latest.
npm install [email protected] eslint@^8.8.0 eslint-plugin-import@^2.25.4 eslint-plugin-jest@^26.0.0 eslint-plugin-node@^11.1.0 eslint-plugin-prettier@^4.0.0 eslint-plugin-promise@^6.0.0 eslint-plugin-react@^7.28.0 --save-dev
使用量
添加 eda 页:1 extends 配置文件的段落( 您可以省略 eslint-config- 前缀). 这是最小的 .eslintrc.json 文件( 在您的工程根中) :
{
"extends": "eda"
}
如果您的项目包括反应和 JSX 语法, 请扩展反应规则 :
{
"extends": "eda/react"
}
在 VS 代码中轻松修复
如果您正在使用 VS 代码, 并且想要修正 Linting 和格式化错误
- 页:1 ESLint 扩展名
- 页:1 高级扩展
并把这些行添加到您的 settings.json
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
现在,每次明确保存文件(自动保存不计数),ESLint都会尽可能地修正错误.
提示:如果在文件中出现语法错误,则需要先修复后,才能为您修复嵌入错误.
查找工程中的所有错误
这些指令假设您的源文件位于您的工程根中的文件夹中,名为"服务器"和"客户端". 相应调整
- 添加
"lint": "eslint client server"页:1scripts区域package.json文件 - 添加
"format": "prettier -w client server"页:1scripts区域package.json文件 - 添加一个
.eslintignore以这些内容保存到您的工程根 :bundle.js(以及您希望ESLint忽略的任何其他文件/文件夹)
现在你只是跑 npm run lint 以查看您项目中的所有闪烁错误.
Pro 提示: 运行 npm run lint -- --fix 指示ESLint尽可能多地修正错误,您也可以运行 npm run format 以校正源文件的格式.