首先下包
npm i eslint -D
npx eslint --init
再根据以下方法配置
2.然后会弹出按y
3.再根据图配置,根据实际选择
也可以根据需求
| 序号 | 作用 |
|---|---|
| 1 | 只检查语法 |
| 2 | 检查语法并发现问题 |
| 3 | 检查语法,发现问题,并加强代码风格 |
选3
| 序号 | 作用 |
|---|---|
| 1 | JavaScript |
| 2 | CommonJs |
| 3 | 都不要 |
选3
在哪个框架使用,选1
项目使用TS吗,选2
代码在哪里运行,选2
| 序号 | 作用 |
|---|---|
| 1 | 流行 |
| 2 | 回答关于你的风格的问题 |
定义代码风格,选1
| 标题 | |
|---|---|
| 1 | |
| 2 | 标准 |
| 3 | 谷歌 |
| 4 |
定义风格指南,选2
配置文件格式,选1
是否用npm安装这些包,选1
配置完以后,在工作区开启保存就格式化
在项目根目录下,补充配置文件:
.vscode\settings.json,其内容如下:
{
"eslint.run": "onType",
"eslint.options": {
"extensions": [".js", ".vue", ".jsx", ".tsx"]
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}
以上就是eslint配置完成如需再关闭某个规则可以在.eslintrc.js中的rules修改