ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

插件 Error Lens 安装使用 + 中文提示 完整教程

插件 Error Lens 安装使用 + 中文提示 完整教程

目录

功能概述

一、先搞懂: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插件(错误提示)

在扩展商店里搜索安装

  1. 打开 VS Code。
  2. 看软件最左边的竖条(活动栏),找到一个像"四个小方块"的图标(扩展图标),点它。(或者直接按快捷键Ctrl + Shift + X)
  3. 在出现的搜索框里输入:Error Lens。
  4. 找到名称为Error Lens、作者是Alexander(认准 ID:usernamehw.errorlens,别装错成同名的)。
  5. 点蓝色的 安装 / Install 按钮。
  6. 几秒钟装完,不需要重启,立刻生效。

三、验证它有没有生效

  1. 新建一个文件(比如 C 语言文件,一定要先按Ctrl + S保存成.c文件,没保存的文件很多插件不工作)。
  2. 故意写错一行代码,比如写一半不写完:int a =
  3. 如果这一行整行变成淡红色,行尾出现红色英文说明,就说明成功了。

四、四种颜色分别代表什么?

颜色级别含义要不要管
红色error 错误语法错误,程序根本编译/运行不了必须改
黄色warning 警告能运行,但有隐患(比如定义了变量没用)建议改
蓝色info 信息普通提示可看可不看
绿色hint 建议优化建议可看可不看

五、重点:怎么让提示变成中文?

"中文提示"其实分三件事,请对号入座:

1、 让 VS Code 整个软件界面变成中文(菜单、按钮、设置项变中文)

  1. 按Ctrl + Shift + X打开扩展面板。
  2. 搜索Chinese (Simplified)。
  3. 找到微软官方的Chinese (Simplified) Language Pack for Visual Studio Code(ID:MS-CEINTL.vscode-language-pack-zh-hans),点安装。
  4. 装完右下角会弹窗问是否切换语言,点Change Language and Restart(更改语言并重启)。
  5. 重启后整个 VS Code 就是中文界面了。

注意:这一步只让软件界面变中文,行尾的错误信息不会自动翻译。

2、 让 JavaScript / TypeScript 的报错变中文(Error Lens 显示的内容也会跟着变中文)

  1. 打开设置,搜索typescript locale。
  2. 把TypeScript › Locale这一项选成zh-CN。
  3. 关键一步:按Ctrl + Shift + P,输入TypeScript: Restart TS Server(TypeScript: 重启 TS 服务器),回车。
  4. 之后 TS/JS 的报错就会变成中文,Error Lens 行尾也会同步显示中文。

3、Python、C/C++ 等其他语言的报错能变中文吗?

基本不能直接切换,要如实告诉你:

  • Python(Pylance 插件):官方错误信息只有英文,没有中文开关。
  • C/C++(微软 C/C++ 扩展的 IntelliSense):错误信息也是英文的,没有中文选项。
  • 这些语言的编译器/语言服务器官方没有提供中文语言包,所以不存在"一键全部中文"的设置,网上如果有人说改个设置就能全中文,那是骗人的。

解决办法:装一个翻译插件,遇到英文报错一键翻译(最实用):

  1. 按Ctrl + Shift + X,搜索Immersive Translate(沉浸式翻译)。
  2. 安装Immersive Translate for VS Code(ID:hejian991.immersive-translate-vscode-plugin)。
  3. 装好后,把光标放在有错误的那一行,或者选中错误的英文文字,按Ctrl + Shift + P搜索Immersive Translate的翻译命令,就能看到中文翻译;也可以设置鼠标悬停自动翻译。
  4. 免费的 Google 翻译通道即可使用,不需要 API Key。

简单说:前端 JS/TS 可以原生中文报错;Python、C 语言只能靠翻译插件辅助。

六、卸载

  1. Ctrl + Shift + X打开扩展面板。
  2. 找到 Error Lens,点齿轮图标 →卸载(Uninstall)。
  3. 建议卸载后重启一下 VS Code。
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进