VS Code 上手 —— 写代码的正经工具

本课导读

记事本写代码，就像用美工刀做木工——能动，但费劲。本课装上全球程序员用得最多的编辑器 VS Code（免费、微软出品），配好 Python 支持，建立你的第一个项目文件夹，并学会最常用的几个快捷键。装完你会发现两个彩蛋：U1.1 风格课说的"格式化交给工具"、U1.3 说的"配置文件就是 JSON"，都在这兑现。预计 45 分钟。

编辑器是什么，为什么是 VS Code

编辑器 = 程序员的主战场：写代码、跑代码、看报错、管文件，全在一个窗口完成。选 VS Code 的理由很实际：

• 免费 + 全平台，行业占有率第一——你看到的教程、AI 给的操作指引，默认都以它为背景
• 扩展生态：装个扩展就支持一门语言；将来的 Jupyter、Git 图形界面、AI 编程助手全是一键装
• 对转行者最重要：面试和协作时不需要解释你用的工具

分步配置

分步操作

1. 下载安装 VS Code

   访问 code.visualstudio.com，点蓝色下载按钮，安装时一路默认即可（Windows 用户建议勾选"添加到右键菜单"，以后对文件夹右键就能用 VS Code 打开）。

   截图占位：VS Code 官网下载页
2. 装中文语言包（可选）

   打开 VS Code，左侧竖条点四个方块图标（扩展市场），搜索 Chinese，安装"Chinese (Simplified) 简体中文语言包"，按提示重启。想顺便练英文界面的可跳过本步。

   截图占位：扩展市场搜索中文语言包
3. 装 Python 扩展（必装）

   同样在扩展市场搜索 Python，装微软官方那个（发布者 Microsoft，下载量第一的就是）。它带来语法高亮、错误波浪线、智能补全和运行按钮。

   截图占位：扩展市场中的 Python 扩展安装页
4. 建立你的项目文件夹

   在文档目录新建文件夹 learnpath（以后所有课程练习都住这里），VS Code 里选 文件 → 打开文件夹，选中它。左侧资源管理器从此显示这个文件夹——VS Code 的工作单位是文件夹而不是单个文件，这正是"项目"的概念。

   截图占位：打开文件夹后左侧的资源管理器视图
5. 新建并运行第一个文件

   资源管理器空白处右键 → 新建文件，命名 warmup.py。写入：print("正经工具，就位")。点右上角的 ▶ 运行按钮——下方会弹出终端面板并输出结果。注意看：VS Code 其实是替你在终端里执行了 python warmup.py，和上节课你手敲的是同一件事。

   截图占位：运行按钮位置与下方终端输出
6. 体验错误波浪线

   故意把 print 拼成 pirnt 存盘，看红色波浪线出现；鼠标悬停能看到错误说明。改回来波浪线消失。这就是编辑器的价值：报错在运行前就被抓住。

   截图占位：拼写错误处的红色波浪线与悬停提示

五个快捷键，先会这几个就够

快捷键（Mac 把 Ctrl 换 Cmd）	干什么	何时用
Ctrl + S	保存	时时刻刻（未保存的改动不会生效）
Ctrl + /	注释/取消注释当前行	临时屏蔽一行代码排查问题
Ctrl + F	文件内查找	找变量名出现在哪
Ctrl + `	开/关底部终端	手动敲命令（下节课主角）
Shift + Alt + F	格式化文档	一键把代码整理成 PEP8 体面样式

最后一个是 U1.1 风格课的承诺兑现：空格、缩进这些格式活，从今天起交给工具（首次使用会提示装格式化器，按提示安装官方推荐的即可）。你的精力留给命名和逻辑。

彩蛋：设置文件就是 JSON

按 Ctrl + , 打开设置，右上角有个"打开设置(JSON)"小图标——点开看：

{
  "editor.fontSize": 14,
  "editor.formatOnSave": true,
  "workbench.colorTheme": "Default Dark+"
}

眼熟吗？这就是 U1.3 学的 JSON——键值对、双引号、嵌套。全世界的软件配置大量用这个格式，你已经能徒手读写它。顺手推荐加上 "editor.formatOnSave": true（存盘即自动格式化，风格课的终极自动化）。

随堂测验

随堂测验0 / 5 题正确

1. VS Code 里写 Python，必装的扩展是？

AChinese 语言包B微软官方的 Python 扩展——语法高亮、错误波浪线、运行按钮都靠它C某个付费主题D不需要任何扩展

2. VS Code 的“打开文件夹”而不是“打开文件”，体现了什么概念？

A文件夹打开更快B项目——相关文件住在一个文件夹里统一管理，这是工程组织的基本单位CVS Code 打不开单个文件D为了好看

3. 点右上角 ▶ 运行按钮时，VS Code 实际在做什么？

A用某种特殊方式解释代码B替你在终端里执行 python 文件名.py——和手敲命令是同一件事C把代码上传到云端运行D只检查语法不运行

4. Shift + Alt + F（格式化文档）帮你自动处理的是？

A变量命名B空格、缩进、空行等 PEP8 格式问题——风格课说的“格式交给工具”C修复逻辑 bugD翻译注释

5. VS Code 的设置文件用什么格式？

ACSVBJSON——键值对+双引号，就是 U1.3 学的那个通用配置语言CExcelD纯自然语言

本课小结

• VS Code = 主战场：官网安装 → Python 扩展（必装）→ 以文件夹为项目单位打开
• ▶ 运行按钮 = 替你敲 python 文件.py；红波浪线让错误死在运行前
• 五个快捷键起步，Shift+Alt+F 格式化兑现"格式交给工具"；万能入口 Ctrl+Shift+P
• settings.json——你和 JSON 在真实世界的第一次重逢

下一课直面很多人绕着走的东西：命令行。放心，只需要 20 个命令，够你用一年——而且 AI 时代它比以往任何时候都重要。