vscode 的 devtools 语言不能单独设置,它完全跟随编辑器主界面语言;主界面语言需通过官方中文语言包、configure display language 命令(严格选 zh-cn)或手动创建 locale.json(内容为 {"locale":"zh-cn"})配置,且必须彻底重启生效。

VSCode 的“开发者工具”(DevTools)本身没有独立语言配置项——它完全跟随 VSCode 主界面语言,而主界面语言由 locale.json 或 Configure Display Language 命令控制。所谓“在开发者工具里配语言”,本质是配错对象,真正要动的是整个编辑器的语言环境。
为什么 DevTools 语言不能单独设置
VSCode 的开发者工具(按 Ctrl+Shift+I 打开)是 Electron 内置的 Chromium DevTools UI,其语言由宿主进程(即 VSCode 主程序)的 locale 决定,不读取浏览器语言、系统语言或任何额外配置。你看到的 Elements、Console、Sources 标签页文字,和顶部菜单栏、命令面板用的是同一套翻译资源。
常见误解包括:
- 以为改 Windows 系统显示语言就能让 DevTools 变中文——无效,VSCode 不读系统 locale
- 在 DevTools 的 Settings → Preferences 里翻找语言选项——根本不存在这个设置项
- 安装第三方“DevTools 汉化插件”——Electron 不支持运行时注入翻译,这类插件纯属误导
必须装 Microsoft 官方中文语言包
没装对插件,后续所有操作都白搭。第三方插件(如 Chinese UI、VSCode Chinese)会破坏命令面板,导致 Configure Display Language 命令消失,或触发 Cannot read property 'translate' of undefined 报错。
- 在扩展面板(
Ctrl+Shift+X)搜索完整名称:Chinese (Simplified) Language Pack for Visual Studio Code - 确认发布者是
Microsoft,扩展 ID 是ms-ceintl.vscode-language-pack-zh-hans - 安装后右下角弹出
Restart to enable提示,必须点——Reload Window不生效
Configure Display Language 必须选 zh-cn(严格小写+短横线)
这个命令底层只识别字符串 zh-cn,其他写法全部静默失败:写成 zh_CN、zh-hans、Chinese、zh 都不会报错,但界面维持英文。
- 按
Ctrl+Shift+P呼出命令面板,输入Configure Display Language - 从下拉列表中**明确点击
zh-cn项**(不是选“中文(简体)”文字) - 弹出提示后必须点
Yes,否则配置不写入磁盘 - 重启时务必关掉所有 VSCode 窗口,并检查任务管理器里是否还有残留的
Code.exe进程
手动创建 locale.json 是最稳兜底方式
当命令面板打不开、列表无 zh-cn、或反复重启仍英文时,直接编辑配置文件绕过 UI 层,优先级最高,且不依赖插件状态。
- 定位路径:
Windows:%APPDATA%\Code\User\locale.json
macOS:$HOME/Library/Application Support/Code/User/locale.json
Linux:$HOME/.config/Code/User/locale.json - 文件内容**只能是这一行**:
{"locale":"zh-cn"}(无空格、无 BOM、UTF-8 编码) - 若文件不存在则新建;若存在但内容是
{"locale":"en"},删掉重写 - 保存后彻底杀掉所有
Code.exe/Electron进程再启动
真正容易被忽略的不是“怎么配”,而是两件事:一是右下角状态栏显示 en 就说明没生效,此时直接点击它选 zh-cn 是最快验证方式;二是 locale.json 只在全新启动时读取,后台进程残留会导致新窗口继承旧环境,看起来像配置失效。











