DeepAI · 环境准备 › 安装 VS Code

安装 VS Code

写代码的工作台

这是什么

你用过 Word 来写文章吗?Word 是专门写文字的「工作台」——它帮你排版、 标红错字、让你专注在内容上而不是担心格式。

VS Code 对代码来说,就像 Word 对文字一样。它是一个专门用来写代码的「工作台」(也叫「编辑器」)。 在这里你可以打开项目文件夹、编辑每一行代码、还能直接在里面运行命令—— 就像你在 Word 里既能写字,又能点「字数统计」「拼写检查」一样方便。

VS Code 是全世界使用最广泛的代码编辑器,由微软免费提供,Mac 和 Windows 都能用。

为什么要装它

在接下来的课程里,你几乎所有的操作都会在 VS Code 里完成:

  • 在这里写代码、看项目里的文件
  • 在这里跑 Claude Code——让 AI 帮你完成编程任务
  • 在这里打开终端(可以打字给电脑下命令的小黑框), 安装工具、启动程序

可以把 VS Code 理解成你工作的那张「桌子」——后面学的所有东西都摆在这张桌子上。 先把桌子准备好,才能放得下后续的工具和材料。

一句话总结VS Code = 你写代码、跑 Claude Code、看项目文件的「主桌子」, 后面所有步骤都从这里开始。

怎么装

下面按步骤来,每步都截图说明,完全没有接触过的同学也能跟着做:

下载并安装 VS Code

在本页下方的「下载」区域,根据你的电脑系统选对应版本—— 苹果 Mac(Apple Silicon 芯片,即 M1/M2/M3/M4 系列)选 .zip, Windows 电脑选 .exe

Mac:下载完解压 .zip,把里面的 Visual Studio Code.app 拖到「应用程序」(Applications)文件夹里,就装好了。

Windows:双击 .exe 安装包,一路点「下一步 (Next)」, 最后点「完成 (Finish)」,安装就结束了。

Windows 安装 VS Code 全过程(点图看大图)
下载 Windows 版安装包(.exe)
1. 下载 Windows 版安装包(.exe)
双击安装包启动安装
2. 双击安装包启动安装
勾选「我同意此协议」,点下一步
3. 勾选「我同意此协议」,点下一步
选择安装位置,保持默认即可
4. 选择安装位置,保持默认即可
开始菜单文件夹,下一步
5. 开始菜单文件夹,下一步
附加任务保持默认勾选,下一步
6. 附加任务保持默认勾选,下一步
确认信息,点「安装」
7. 确认信息,点「安装」
正在安装…
8. 正在安装…
安装完成,点「完成」启动 VS Code
9. 安装完成,点「完成」启动 VS Code

打开 VS Code

Mac:在「应用程序」文件夹里双击 Visual Studio Code, 或者按 Command + 空格 打开 Spotlight, 搜「code」或「visual」,回车打开。

Windows:在桌面或「开始菜单」找到 Visual Studio Code, 双击打开。

第一次打开会看到一个欢迎页面,不用做任何设置,默认配置就够用了。

VS Code 首次打开后的欢迎界面
VS Code 首次打开后的欢迎界面

禁用 Copilot AI 功能

VS Code 可能自带或自动启用了 GitHub Copilot。为了避免它和后面要用的 Claude Code 同时弹出建议、让你分不清正在和哪个 AI 对话,先把 Copilot 的 AI 功能关掉。

点击左侧扩展图标,在搜索框输入 Copilot,找到 GitHub Copilot Chat;点击右侧齿轮,在菜单中选择“禁用 AI 功能”

VS Code 扩展面板搜索 Copilot,并在 GitHub Copilot Chat 的齿轮菜单中选择禁用 AI 功能
搜索 Copilot,点击 GitHub Copilot Chat 的齿轮,选择“禁用 AI 功能”
这里只关闭 Copilot这不会卸载 VS Code,也不会影响后面安装和使用 Claude Code。

打开你的「项目文件夹」

写代码时,我们通常把一个项目的所有文件放在同一个文件夹里, 这个文件夹就叫「项目的家」。在 VS Code 里打开这个文件夹, 左侧就会出现所有文件的列表,就像在手机相册里打开一个相册一样方便。

操作方法:点击顶部菜单 File(文件)→ Open Folder…(打开文件夹), 在弹出的窗口里找到你的项目文件夹,点「打开」即可。

Windows 打开项目文件夹全过程(点图看大图)
顶部菜单 File 文件 → Open Folder 打开文件夹
1. 顶部菜单 File 文件 → Open Folder 打开文件夹
在弹窗里选中你的项目文件夹,点「选择文件夹」
2. 在弹窗里选中你的项目文件夹,点「选择文件夹」
首次打开会问是否信任,勾选并点「Yes, I trust the authors」
3. 首次打开会问是否信任,勾选并点「Yes, I trust the authors」
没有现成文件夹也没关系可以先在桌面新建一个空文件夹(右键 → 新建文件夹), 命名为 my-project 之类的名字,然后用 VS Code 打开它, 后续课程会告诉你怎么往里放文件。

找到「终端」并打开它

「终端」(Terminal)是可以打字给电脑下命令的「小黑框」。 听起来有点神秘,其实就像在对话框里和电脑说话——你输一条命令, 电脑就执行一个操作,比如安装软件、运行程序。

VS Code 内置了终端,不需要另外安装。打开方式: 点击顶部菜单 终端(Terminal)→ 新建终端(New Terminal), 屏幕下半部分就会出现一个黑色(或深色)的输入框,这就是终端。

在 VS Code 里打开内置终端(点图看大图)
顶部菜单 终端 Terminal → 新建终端 New Terminal
1. 顶部菜单 终端 Terminal → 新建终端 New Terminal
屏幕下方出现终端,光标在闪——可以打命令了
2. 屏幕下方出现终端,光标在闪——可以打命令了
验证成功看到光标在终端里闪烁,就说明 VS Code 装好了,你已经准备好进行后续步骤!

下载

编辑器 · Visual Studio Code

写代码、跑 Claude Code、看 markdown / yaml 的主力编辑器。

Mac · Apple Silicon
VS Code 1.119.0 (darwin-arm64)
.zip
Windows
VS Code 1.119.0 (x64 user setup)
.exe