SHIMMER
VSCode的ESLint和项目的ESLint冲突
前端|其它
发布于2023-04-23 最近修改2023-04-24
1024
0
Shimmer
当 VS Code 和项目中的 ESLint 冲突时,可以尝试以下方法解决:

在项目中安装 ESLint 插件:

shell
复制代码
npm install eslint --save-dev

在 VS Code 中安装 ESLint 插件。

在 VS Code 中配置 ESLint

在 VS Code 中配置 ESLint,可以在 VS Code 的设置中搜索 eslint,找到 ESLint: Options 选项,然后添加下面的配置:(也可以在 .vscode/settings.json 下配置)
json
复制代码
{ "eslint.enable": true, "eslint.options": { "configFile": ".eslintrc.js" } }
注意:上述配置中的 .eslintrc.js 应该是你项目中真正的 ESLint 配置文件的路径。

创建 .vscode/extensions.json 文件

在项目的根目录下创建 .vscode/extensions.json 文件,并添加以下配置:
json
复制代码
{ "recommendations": [ "dbaeumer.vscode-eslint" ] }
注意:上述配置中的 dbaeumer.vscode-eslint 是 ESLint 扩展的 ID,表示在 VS Code 中推荐安装该扩展。如果已经安装了该扩展,则可以省略该配置。

重新启动 VS Code

重新启动 VS Code,尝试在编辑器中打开一个 JavaScript 或 TypeScript 文件,并执行格式化操作,看看是否仍然会出现 ESLint 错误。如果还有错误,可以尝试重新安装和配置 ESLint 插件,并根据需要修改项目中的 ESLint 配置文件。
目录