VS Code编写Node.js代码时错误语法高亮失效如何修复
恢复VS Code JavaScript语法错误高亮的操作步骤
- 完成ESLint完整配置(仅安装VS Code ESLint扩展无法生效,需补充项目级配置)
- 打开终端进入项目根目录,若未初始化npm先执行
npm init -y,再执行命令安装ESLint依赖:npm install eslint --save-dev - 执行初始化命令生成配置文件:
npx eslint --init
根据你的项目实际场景选择配置项(如运行环境选Node、是否使用框架等),完成后项目根目录会生成.eslintrc格式的配置文件。 - 打开ESLint配置文件,在
rules字段中添加以下规则,开启未定义变量校验:
rules: { "no-undef": "error" } - 打开终端进入项目根目录,若未初始化npm先执行
- 调整VS Code settings.json配置
打开你的settings.json文件,补充以下ESLint生效配置:{ "editor.defaultFormatter": "esbenp.prettier-vscode", "workbench.iconTheme": "material-icon-theme", // 新增配置 "eslint.validate": ["javascript"], "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.run": "onType" } - 重启VS Code生效
完全关闭VS Code后重新打开项目,此时myfile.js中的item2就会出现红色的未定义变量错误高亮。
备选轻量方案:如果不需要ESLint的全量校验能力,仅需要基础语法错误提示,可直接在settings.json中添加配置
"javascript.validate.enable": true,开启VS Code自带的JavaScript校验功能,无需安装额外扩展即可实现未定义变量高亮。
内容的提问来源于stack exchange,提问作者Edis Grudic
相关产品推荐
相关产品推荐

