Skip to content

第 1 章:安装 VS Code

VS Code(全名 Visual Studio Code)是微软出的免费编辑器。可以把它理解成一个"加强版的记事本 + AI 工作台"。它本身免费、不需要注册账号。

1.1 macOS 安装

  1. 打开浏览器,访问 https://code.visualstudio.com
  2. 点击页面正中间的 Download for Mac 按钮
  3. 下载完成后,双击 .zip 文件解压,得到一个 Visual Studio Code 应用
  4. 把它拖进"应用程序"文件夹
  5. 在启动台中打开 Visual Studio Code

1.2 Windows 安装

  1. 访问 https://code.visualstudio.com
  2. 点击 Download for Windows(默认下载 64 位 User Installer,普通办公电脑选这个就对)
  3. 双击下载好的 .exe 文件
  4. 安装向导里一路下一步即可,建议勾选下面这两项
    • ✅ "添加到 PATH"
    • ✅ "将'通过 Code 打开'操作添加到 Windows 资源管理器文件上下文菜单"(方便右键打开)
  5. 安装完成后从开始菜单打开 Visual Studio Code

Windows 用户务必勾选 "添加到 PATH"

如果忘记勾选,下一章扩展安装可能会出问题。可以重新跑一次安装包补勾。

1.3 验证安装

打开 VS Code 后,能看到下面这种欢迎界面就说明装好了:

  • 左边有一列竖着的小图标(这一列叫"活动栏")
  • 中间是欢迎页 / 编辑区
  • 顶部菜单栏有 FileEditView

1.4 切换为中文界面

刚装好的 VS Code 默认是英文。要改成中文,需要装一个语言包扩展:

  1. 点击左侧活动栏的 扩展图标(四个方块的那个,快捷键 Cmd+Shift+X / Ctrl+Shift+X
  2. 在搜索框里输入 简体中文
  3. 找到由微软官方发布的 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code,作者是 Microsoft
  4. 点击 Install
  5. 安装完成后右下角会弹出 "Change Language and Restart" 提示,点击它,VS Code 会自动重启
  6. 重启后整个界面就变成中文了

没看到右下角弹窗

如果错过了那个弹窗,可以手动切换:

  1. 按快捷键 Cmd+Shift+P / Ctrl+Shift+P 调出命令面板
  2. 输入 Configure Display Language,回车
  3. 在列表里选 中文(简体)
  4. 重启 VS Code 即可生效

1.5 顺手熟悉几个常用操作

后面的章节会反复用到这几个操作,先记一下位置:

操作入口快捷键
打开终端(敲命令的地方)顶部菜单 Terminal → New TerminalCtrl + `(数字 1 左边那个反引号键)
打开文件夹(设定工作目录)顶部菜单 File → Open FolderCmd + O / Ctrl + K Ctrl + O
打开扩展(装插件)左侧活动栏的"四方块"图标Cmd + Shift + X / Ctrl + Shift + X
打开命令面板(万能搜索)顶部菜单 View → Command PaletteCmd + Shift + P / Ctrl + Shift + P

下一章:安装 Claude Code 扩展 →