🇯🇵 日本語 | 🇺🇸 English | 🇪🇸 Español | 🇵🇹 Português | 🇹🇭 ไทย | 🇨🇳 中文

前言:为什么我决定将 VSCode 设置为中文?

大家好!我写这篇文章时,身份和你们许多人一样——一个几个月前还对编程一无所知的初学者。

在AI的帮助和无数次的试错之后,我仅用一个半月就独立建成了两个网站。在此过程中,我做的第一件让我由衷庆幸的事情,就是将 Visual Studio Code “汉化”

起初,我想保留英文界面以“显得更专业”,但很快就遇到了障碍。频繁出现的错误信息和专业的菜单项,用英文很难直观理解。我浪费了大量时间在翻译和查询每个词的含义上。

换成中文后,排查错误原因的速度大大加快。最重要的是,我能将精力完全集中在“编程”本身,而不是“如何使用工具”上。在本文中,我不仅会展示汉化的步骤,还会分享一些我亲测有效、能让中文环境更舒适的“进阶配置”。


给没时间的朋友:三步完成 VSCode 汉化

为了节省您的时间,我们先看一下整个流程的概要。只需简单三步,你的 VSCode 就能拥有舒适的中文环境。

  1. 安装扩展程序: 添加中文语言包。
  2. 配置显示语言: 告诉 VSCode “请用中文显示”。
  3. 重启 VSCode: 应用设置,大功告成!

接下来,让我们通过图文并茂的方式,详细了解每个步骤。


图解教程:VSCode 中文汉化详细步骤

从这里开始,我们将对照实际截图一步步进行设置。只要耐心跟着做,就会发现一点也不难。

第一步:安装“中文(简体)语言包”

首先,我们需要安装一个扩展,为 VSCode 添加中文语言文件。

1. 点击左侧活动栏中的方块图标(扩展)。快捷键是 Ctrl+Shift+X (Windows) / Cmd+Shift+X (Mac)。

VSCode 左侧菜单中的扩展图标

2. 在顶部的搜索框中输入“Chinese (Simplified) Language Pack”。

3. 当“Chinese (Simplified) Language Pack for Visual Studio Code”出现在搜索结果中时,点击蓝色的“Install”按钮。这是由微软(Microsoft)官方提供的扩展,可以放心使用。

安装中文(简体)语言包的界面

第二步:通过命令面板更改显示语言

安装完成后,我们需要进行设置,告诉 VSCode 从现在开始要用中文显示。

1. 打开命令面板。最简单的方式是使用快捷键 Ctrl+Shift+P (Windows) / Cmd+Shift+P (Mac)。

2. 在输入框中键入“Configure Display Language”,然后点击出现的选项。

在命令面板中搜索 Configure Display Language

3. 此时会打开一个名为 locale.json 的配置文件。这个文件用于管理 VSCode 的显示语言。请将以下内容复制并粘贴进去。

如果文件中已有内容,例如 "locale":"en",只需将 "en" 改为 "zh-cn" 即可。

{
    "locale": "zh-cn"
}

第三步:重启 VSCode 以应用更改

保存设置后,最后一步是关闭 VSCode 然后重新打开。执行重启操作是让设置生效的关键。

怎么样?如果菜单和命令都已显示为中文,那么汉化就成功了!

已汉化为中文的 VSCode 界面

汉化失败?常见原因与解决方案清单

“我明明按步骤做了,为什么还是英文?” 遇到这种情况时,请不要慌张,对照以下几点检查一下。我刚开始时也常因为一些小失误而出错。

情况一:界面完全没变化

情况二:菜单是中文了,但部分内容仍是英文

这不是故障。许多 VSCode 扩展是由世界各地的开发者创建的,其中大部分没有提供中文支持。因此,由这些特定扩展添加的菜单项等内容仍然显示为英文是正常现象。只要主菜单已变为中文,就说明你的设置是成功的。

如果仍未解决?

如果以上情况都不能解决你的问题,建议查阅 VSCode 的官方文档。那里的信息最准确,也可能包含最新的解决方案。

🔗 Visual Studio Code - Display Language (官方文档)


进阶配置:让你的中文环境更上一层楼

好了,现在进入本文的精髓部分!完成汉化后,下一步是让中文开发体验“更”舒适。我将精选一些我亲身实践后觉得“必装”的配置和扩展与大家分享。

配置一:自动识别编码,彻底告别乱码

你是否遇到过打开同事发来的文件(尤其是 .csv 或旧的 .txt 文件)时,屏幕上显示一堆“乱码”?这是因为 VSCode 未能正确识别文件的字符编码。对于中文用户来说,尤其容易遇到一些使用 GBKGB2312 编码的旧文件。

添加下面这行“魔法”配置,就可以让 VSCode 自动猜测并使用正确的编码打开文件,从此基本告别乱码的烦恼。

1. 打开你的 settings.json 文件 (使用命令面板 Ctrl+Shift+P 搜索 Preferences: Open User Settings (JSON))。

2. 将下面这一行配置添加进去。如果已有其他设置,记得在前一项设置的末尾加上逗号(,)。

{
    // ...你可能已有的其他配置
    "files.autoGuessEncoding": true
}

扩展二:让“全角空格”无所遁形,消灭潜在 Bug

在编程中,一个几乎无法用肉眼分辨的**“全角空格”**,是许多诡异 Bug 的根源。仅仅因为在代码中误输入一个全角空格,就可能导致程序无法运行。我曾因此浪费过好几个小时!

扩展程序 zenkaku 会将文中的全角空格用灰色方块标记出来,让你一眼就能发现它。对于中文开发者来说,这绝对是必备扩展。

1. 在扩展视图中搜索 “zenkaku” 并安装。

2. 安装后它会自动生效。从此,你就可以大大降低因不小心输入全角空格而引入 Bug 的风险。

zenkaku 扩展正在高亮显示文中的全角空格

总结:在舒适的中文环境中,更快乐地编程!

本文介绍了如何将 VSCode 汉化,以及一些能让中文环境更舒适的进阶配置。

在学习编程的道路上,配置环境是第一道坎,但只要跨过去了,剩下的就是享受编码的乐趣。消除不必要的压力(比如工具的语言),对于提高学习效率至关重要。

希望这篇文章能帮助你的 VSCode 之旅更加顺畅。祝你在自己熟悉的语言环境中,编程更愉快!


接下来推荐阅读

完成了 VSCode 的基本设置后,下一步不妨挑战一下与版本控制工具 “Git” 的集成?下面的文章清晰地讲解了如何管理代码的版本历史,以及如何与 GitHub 协同工作,这是团队开发不可或缺的技能。