目录
功能概述
一、先搞懂:Error Lens 是干什么的?
二、安装 Error Lens插件(错误提示)
三、验证它有没有生效
编辑
四、四种颜色分别代表什么?
五、重点:怎么让提示变成中文?
1、 让 VS Code 整个软件界面变成中文(菜单、按钮、设置项变中文)
2、 让 JavaScript / TypeScript 的报错变中文(Error Lens 显示的内容也会跟着变中文)
3、Python、C/C++ 等其他语言的报错能变中文吗?
六、卸载
功能概述
Error Lens 是一款增强 VS Code 错误提示的扩展工具,通过内联显示错误和警告信息,直接定位代码问题,提升开发效率。
一、先搞懂:Error Lens 是干什么的?
你在 VS Code 里写代码出错时,代码下面会出现红色/黄色波浪线,但要看懂错在哪,必须把鼠标悬停上去才能看到错误说明,很麻烦。
Error Lens 的作用:把错误信息直接打印在出错那一行的行尾,并且把整行用颜色高亮出来,眼睛一扫就知道哪里错了、错在哪。
效果对比:
- 没装时:
int a =(下面一条红波浪线,不告诉你为什么) - 装了后:
int a = ⛔ expected expression(整行淡红色背景)
⚠️一个最重要的原理(后面中文设置要用):Error Lens自己不检查错误,也不翻译错误。它只是个"显示器"——错误是 VS Code 以及语言插件(比如 C/C++ 插件、Python 的 Pylance、TS Server)检查出来的,Error Lens 负责把它们的错误信息搬到行尾显示。所以错误信息是英文还是中文,取决于检查错误的那个插件,不取决于 Error Lens。
二、安装 Error Lens插件(错误提示)
在扩展商店里搜索安装
- 打开 VS Code。
- 看软件最左边的竖条(活动栏),找到一个像"四个小方块"的图标(扩展图标),点它。(或者直接按快捷键
Ctrl + Shift + X)- 在出现的搜索框里输入:
Error Lens。- 找到名称为Error Lens、作者是Alexander(认准 ID:
usernamehw.errorlens,别装错成同名的)。- 点蓝色的 安装 / Install 按钮。
- 几秒钟装完,不需要重启,立刻生效。
三、验证它有没有生效
- 新建一个文件(比如 C 语言文件,一定要先按
Ctrl + S保存成.c文件,没保存的文件很多插件不工作)。 - 故意写错一行代码,比如写一半不写完:
int a = - 如果这一行整行变成淡红色,行尾出现红色英文说明,就说明成功了。
四、四种颜色分别代表什么?
| 颜色 | 级别 | 含义 | 要不要管 |
|---|---|---|---|
| 红色 | error 错误 | 语法错误,程序根本编译/运行不了 | 必须改 |
| 黄色 | warning 警告 | 能运行,但有隐患(比如定义了变量没用) | 建议改 |
| 蓝色 | info 信息 | 普通提示 | 可看可不看 |
| 绿色 | hint 建议 | 优化建议 | 可看可不看 |
五、重点:怎么让提示变成中文?
"中文提示"其实分三件事,请对号入座:
1、 让 VS Code 整个软件界面变成中文(菜单、按钮、设置项变中文)
- 按
Ctrl + Shift + X打开扩展面板。- 搜索
Chinese (Simplified)。- 找到微软官方的Chinese (Simplified) Language Pack for Visual Studio Code(ID:
MS-CEINTL.vscode-language-pack-zh-hans),点安装。- 装完右下角会弹窗问是否切换语言,点Change Language and Restart(更改语言并重启)。
- 重启后整个 VS Code 就是中文界面了。
注意:这一步只让软件界面变中文,行尾的错误信息不会自动翻译。
2、 让 JavaScript / TypeScript 的报错变中文(Error Lens 显示的内容也会跟着变中文)
- 打开设置,搜索
typescript locale。- 把TypeScript › Locale这一项选成
zh-CN。- 关键一步:按
Ctrl + Shift + P,输入TypeScript: Restart TS Server(TypeScript: 重启 TS 服务器),回车。- 之后 TS/JS 的报错就会变成中文,Error Lens 行尾也会同步显示中文。
3、Python、C/C++ 等其他语言的报错能变中文吗?
基本不能直接切换,要如实告诉你:
- Python(Pylance 插件):官方错误信息只有英文,没有中文开关。
- C/C++(微软 C/C++ 扩展的 IntelliSense):错误信息也是英文的,没有中文选项。
- 这些语言的编译器/语言服务器官方没有提供中文语言包,所以不存在"一键全部中文"的设置,网上如果有人说改个设置就能全中文,那是骗人的。
解决办法:装一个翻译插件,遇到英文报错一键翻译(最实用):
- 按
Ctrl + Shift + X,搜索Immersive Translate(沉浸式翻译)。 - 安装Immersive Translate for VS Code(ID:
hejian991.immersive-translate-vscode-plugin)。 - 装好后,把光标放在有错误的那一行,或者选中错误的英文文字,按
Ctrl + Shift + P搜索Immersive Translate的翻译命令,就能看到中文翻译;也可以设置鼠标悬停自动翻译。 - 免费的 Google 翻译通道即可使用,不需要 API Key。
简单说:前端 JS/TS 可以原生中文报错;Python、C 语言只能靠翻译插件辅助。
六、卸载
Ctrl + Shift + X打开扩展面板。- 找到 Error Lens,点齿轮图标 →卸载(Uninstall)。
- 建议卸载后重启一下 VS Code。