VsCode配置的Eslint编写代码和保存时不生效

已于 2022-11-08 17:30:43 修改
阅读量2.5k 收藏 1
点赞数
分类专栏： misc 文章标签： vscode 前端
于 2022-08-06 12:09:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/katherin_wanzi/article/details/126192026
版权
本文记录了手动配置Eslint在VsCode中遇到的问题，包括安装插件、按照官方教程操作后，代码编写时未生效的错误。问题根源在于VsCode版本过旧，更新VsCode后，通过在settings.json中添加配置实现了保存时自动格式化，从而解决了问题。
摘要由CSDN通过智能技术生成

第一次手动配置Eslint，记录一下踩过的坑

第一步：在VsCode中安装Eslint插件
在这里插入图片描述
第二步：按照官网教程安装Eslint
在这里插入图片描述
第三步：按f1，输入eslint，点击下图，当我们输入第二步中的第三行命令行将会在终端出现Eslint信息
在这里插入图片描述
第四步：输入第二步中的第三行命令行，终端显示了错误信息
终端中出现了错误信息
到此证明，Eslint配置成功，但是我发现我在编写代码时，并没有按照配置文件中配置的来提示我错误，正常来说会出现红色波浪线来提示用户发生了错误

最后发现坑居然是我的VsCode版本太旧了在这里插入图片描述

继续解决问题——更新VsCode，又出现了问题

<

最低0.47元/天 解锁文章
_enzo
关注
专栏目录
【问题记录】vscode eslint 自动保存不生效
qq_39959538的博客
08-15 1305
vscode保存文件时eslint自动格式化不生效， 百思不得其解，网上搜索了一大堆教程都没有解决问题.
vscode 使用ESLint 自动检查，保存时自动格式化
weixin_43693592的博客
02-27 2373
1、package.json中安装了eslint的依赖 "eslint": "^6.1.0", "eslint-friendly-formatter": "^6.4.1", "eslint-loader": "^6.4.1", "eslint-plugin-html": "^6.4.1", 2、vscode安装eslint 插件 3、在项目根目录添加.eslintrc.js 文件，用于校验代码...
Vue项目vscode 安装eslint插件的方法(代码自动修复)
10-15
主要介绍了Vue项目vscode 安装eslint插件的方法 代码自动修复,需要的朋友可以参考下
在VSCode中配置ESLint时，如何禁用自动修复功能和启用 ESLint 代码校验功能？
最新发布
alankuo的专栏
09-27 345
在项目的 .eslintrc.* （例如 .eslintrc.js 、 .eslintrc.json 等）配置文件中，可以调整某些规则的设置，使其不可自动修复。1. 如果项目中已有 .eslintrc.js 、 .eslintrc.json 等 ESLint 配置文件，VSCode 通常会自动检测并使用该配置。- “ESLint: Auto Fix On Save”（可选）：设置为 true 时，在保存文件时自动修复 ESLint 检测到的可自动修复的问题。
VScode配置ROS开发环境：修改代码不生效问题原因及解决方法
weixin_43959160的博客
07-20 5334
使用VsCode进行ROS程序开发的时候，经常会出现代码修改，但是可执行文件却始终不更新代码中做的修改内容的问题，本文探索了该问题的成因并且寻找到了了解决方案。
vscode使用Eslint保存文件格式不生效
heromps的博客
05-18 898
VSCode 中安装了 Prettier 和 ESLint 插件，在项目中使用了 .eslintrc.js 文件规范项目代码。但是保存代码时格式化并不是按该文件的配置而是按 Prettier 的配置。
vscode修改代码之后运行无效
lijiaying_的博客
03-22 1489
检查了很多问题最开始以为是tsconfig.json文件的问题，最后发现是配置页面路由出错，错把大写字母写为小写，且没有报404，找的到页面，但是每次修改无法重新渲染页面。vscode启动服务器后修改代码，运行不起效，重启服务器会起效。错把expensePool写为expensepool。
VsCode修改代码之后运行无效(解决办法)
a_chengpp的博客
03-12 9869
一、问题描述 在VsCode编辑器写C++代码时发现，修改了代码之后保存，但运行结果还是上次的，修改无效 二、解决办法 如上图所示，不要把代码写在配置文件夹下，再建立一个文件夹来写代码
vscode 配置 eslint 换行规则
04-24
上述配置实现了在保存文件时，自动格式化代码，并按照 `prettier` 的规则进行换行。 3. 在项目根目录下添加 `.eslintrc.js` 文件，添加以下配置： ``` module.exports = { root: true, env: { node: true }...
eslint或stylelint配置完之后vscode无法自动格式化问题的解决办法
进击的火山博客
12-19 4580
配置了eslint和stylint规则之后，想要vscode在保存的时候自动帮你格式化修改。你需要安装对应的插件和开启对应的设置选项。本文忽略如果配置eslint和stylint规则，直接讲后面的部分。 1. 在项目中设置推荐安装插件 每个人都可以手动安装这两个插件，但在团队开发中，你无法保证每个成员都会自己手动安装，所以你可以在项目下设置一个.vscode/extensions.json 文件，这样项目被vscode打开就会检测本地是否有这两个插件，没有就会弹出提示。 { "recommend
vscode vue3 eslint保存自动修复语法问题
weixin_44647868的博客
12-16 727
{ "editor.mouseWheelZoom": true, "files.insertFinalNewline": true, "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript",{ "language": "vue", "autoFix": true },"html", "vue" ], "editor.codeActionsOnSave
vscode修改代码后浏览器未生效怎么办
云墨知秋的博客
04-08 4706
这是最近使用vscode放生的问题，简单的解决办法是清楚浏览器的缓存，在重新使用 当然，有一种玄学办法，也可以等待一定时间，也可能会刷新
VScode ESLint 插件不生效原因
japlus的博客
12-28 1万+
前提： 确保eslint配置文件和node_modules在根目录下（vscode打开在项目根目录） 确定安装了vscode eslint插件 确认package.json中安装了 eslint和eslint-plugin等 确认使用命令npx eslint ./xxx.js 可以正常输出，保证eslint配置无误。 如何排查 vscode 按下f1 输入eslint 选择ESLint: Show Output Channel查看eslint报错信息 不生效原因： 当前eslint版..
Vscode运行C++程序修改代码运行不生效
ITSOK_123的博客
03-30 6441
修改代码运行不生效问题描述 问题描述 以以下代码为例，具体问题就是每次修改代码之后运行发现都没有生效，比如第一次编译运行打印了“Hello”，我在添加新语句后运行程序发现修改并未生效，网上找解决方法大多是下面这种： 点击左下角设置标志图 -> 设置，出来了设置相关的东西，搜索 files.autoSave 第一种：把"files.autoSave":“off” 修改成 “files.autoSave”:"onFocusChange #include<iostream> using
解决新项目eslint不生效及自动保存时矫正语法
Zwwxd666的博客
06-22 237
vscode配置eslint不起效果
iphonepl的博客
07-16 816
eslint、格式化没有效果
vscode保存代码，自动按照eslint规范格式化代码设置
热门推荐
coding...
08-31 12万+
转自：https://www.haorooms.com/post/vscode_eslint eslint 自动格式化 先说一个前提吧，你在package.json中安装了eslint的依赖，不然配置无用。 例如如下依赖： "eslint": "^4.19.1", "eslint-friendly-formatter": "^4.0.1", "eslint-loader": "^2.0....
vscode中eslint插件不生效问题
我愿化作繁星
03-03 5570
最近使用webpack打包js资源中使用到了VS Code中的eslint插件辅助对代码进行校验，却在文件中以及配置好后，在控制台运行可以读取到的检测结果;
Vue-admin-element 在Vscode中运行，修改代码无反应的问题
FitnessSnail的博客
10-27 494
这俩文件的导致的问题， VITE_APP_BASE_API 打开会导致用的一直是虚拟数据，本地更改是不会有任何变化的。
vscode配置eslint不生效
09-05
您好！对于VS Code配置ESLint不生效的问题，我可以提供一些建议。请按照以下步骤进行排查： 1. 确保已在项目中安装了ESLint，并且在项目的根目录下存在配置文件（一般为`.eslintrc`或`.eslintrc.js`）。 2. 确认您的VS Code已安装了ESLint插件。在扩展面板中搜索并安装ESLint插件。 3. 在VS Code的设置中，找到ESLint的配置项。您可以通过按下`Ctrl + ,`（Windows/Linux）或`Cmd + ,`（Mac）打开设置面板，然后搜索"eslint"来找到相关配置。 4. 在ESLint配置项中，确保已选中"自动修复"（autoFix）选项。这将使VS Code自动应用ESLint规则并修复一些常见问题。 5. 如果您的项目使用了特定的ESLint规则集（如Airbnb或Standard等），请确保已在VS Code的设置中指定正确的规则集。在`.eslintrc`文件中，您可以配置"extends"属性来指定所使用的规则集。 6. 如果您的项目有多个工作区文件夹，请确保在VS Code的设置中已正确配置ESLint的工作区设置。您可以在工作区文件夹的`.vscode/settings.json`文件中配置ESLint相关设置。 7. 尝试重启VS Code，然后打开您的项目，看看ESLint是否开始生效。 如果上述步骤都没有解决问题，您可以进一步检查以下可能的原因： - 您的项目中可能存在ESLint配置错误。请确保`.eslintrc`文件中的规则和插件设置正确，并符合您项目的需求。 - 如果您的项目使用了多个ESLint配置文件，请确保这些配置文件之间没有冲突，并且在VS Code的设置中正确指定了配置文件路径。 - 某些其他VS Code插件可能会干扰ESLint的工作。您可以尝试禁用其他插件，然后逐个启用以确定是否与其他插件冲突。 希望这些提示能够帮助您解决问题！如有更多疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值