安装与界面

这是什么：本章把 VSCode 装进电脑并换成中文界面，然后认识它的窗口布局——五块区域各管一摊，认全了才不迷路。

为什么用：工具的第一印象决定你用不用。装好 + 中文化 + 认识界面，五分钟扫清「不敢点、看不懂」的心理障碍。

如何用：官网下载安装包一路下一步，装中文语言包重启，再对着本章的分区表逐个点一遍。

安装：官网下载一路下一步

1. 打开官网 code.visualstudio.com，点大按钮 Download for Windows（macOS/Linux 点下拉箭头选对应版本）
2. 双击安装包：Windows 建议勾选「添加到 PATH」和「右键菜单通过 Code 打开」（之后右键文件夹能直接用 VSCode 打开，很方便）
3. 装完启动，看到欢迎页即成功

版本不用纠结：官网给的就是最新稳定版，自动更新内置，装完不用管。

换成中文界面

VSCode 默认英文，装官方中文包即可：

1. 按 Ctrl+Shift+P 打开命令面板（看不懂英文界面的命令名？它的图标长得像「扳手+输入框」），输入 display
2. 选 Configure Display Language → 点 中文(简体)（或先选 Install additional languages 装包）
3. 右下角提示重启，点 Restart

重启后整个界面变中文。装中文包的这步其实已经用了一次插件功能——语言包本质就是个官方插件（第 5 章细讲）。

界面五区导览

启动后从左到右、从上到下，五块区域：

┌──────┬──────────┬─────────────────────┐
│ 活动栏 │  侧边栏   │       编辑区         │ ← 标签页开在这里
│ 图标列 │ 文件树等  │                     │
│      │          ├─────────────────────┤
│      │          │  面板（终端/输出/报错）│
└──────┴──────────┴─────────────────────┘
        状态栏：左下角分支/问题，右下角行列号/编码/语言

第一个动作：打开文件夹

VSCode 的习惯是以文件夹为单位工作（叫「工作区」），不是单个文件：

1. 菜单 文件 → 打开文件夹（或首欢迎页点「打开文件夹」）
2. 随便建一个 playground 文件夹选中打开
3. 在侧边栏文件树里新建一个 hello.py，输入 print("hello")

你会看到：print 变了颜色、行号左侧出现标记、hello.py 标签页出现在编辑区顶部——这就是「编辑器在理解你的代码」。右下角状态栏能看到行列号，报错时它就是坐标。

记忆口诀：左栏图标右栏树，中间写码下终端；打开文件夹来工作，行列号在底下一栏。

❓ 常见问题

Q1：装完找不到「添加到 PATH」的勾选项？

安装器第一页选项较多容易漏。影响不大：修复三步：① 记住可以从开始菜单启动 VSCode；② 需要命令行 code 命令时，重跑安装包选修改，或在 VSCode 里按 Ctrl+Shift+P 执行 Shell Command: Install 'code' command in PATH（macOS）；③ Windows 下重装勾选即可，设置都会保留。

Q2：界面上英文中文混杂？

部分插件自带的界面不跟随语言包（插件自身未翻译）。修复：无碍使用，等插件更新；强迫症可在插件市场挑同类有中文的替代。

Q3：界面乱了/侧边栏不见了怎么恢复？

菜单 查看 → 外观 里可逐个找回；或者 Ctrl+Shift+P 输入 reset 相关命令重置布局。实在不行，Ctrl+\ 恢复默认编辑器组布局。工具界面怎么点都点不坏，放心探索。

📝 本章小结

• 官网下载一路下一步；Windows 勾选「加入 PATH」与右键菜单更顺手
• Ctrl+Shift+P → Configure Display Language 一键中文化
• 五区：活动栏（入口）、侧边栏（详情）、编辑区（主战场）、面板（终端/报错）、状态栏（行列号）
• 以「打开文件夹」为单位工作，新文件先建文件夹再动笔

动手改

1. 建 playground 文件夹并打开，新建 hello.py 写一句 print("hello") 保存
2. 把鼠标悬停在状态栏右下角的「行列号」上，弄清 行, 列 的含义
3. 按 Ctrl+` 呼出底部面板里的终端，输入 python --version 看看通不通（不通没关系，第 6 章解决）

上一章：VSCode 是什么 · 下一章：文件与命令面板 🐸