安装 VS Code
写代码的工作台
这是什么
你用过 Word 来写文章吗?Word 是专门写文字的「工作台」——它帮你排版、 标红错字、让你专注在内容上而不是担心格式。
VS Code 对代码来说,就像 Word 对文字一样。它是一个专门用来写代码的「工作台」(也叫「编辑器」)。 在这里你可以打开项目文件夹、编辑每一行代码、还能直接在里面运行命令—— 就像你在 Word 里既能写字,又能点「字数统计」「拼写检查」一样方便。
VS Code 是全世界使用最广泛的代码编辑器,由微软免费提供,Mac 和 Windows 都能用。
为什么要装它
在接下来的课程里,你几乎所有的操作都会在 VS Code 里完成:
- 在这里写代码、看项目里的文件
- 在这里跑 Claude Code——让 AI 帮你完成编程任务
- 在这里打开终端(可以打字给电脑下命令的小黑框), 安装工具、启动程序
可以把 VS Code 理解成你工作的那张「桌子」——后面学的所有东西都摆在这张桌子上。 先把桌子准备好,才能放得下后续的工具和材料。
怎么装
下面按步骤来,每步都截图说明,完全没有接触过的同学也能跟着做:
下载并安装 VS Code
在本页下方的「下载」区域,根据你的电脑系统选对应版本—— 苹果 Mac(Apple Silicon 芯片,即 M1/M2/M3/M4 系列)选 .zip, Windows 电脑选 .exe。
Mac:下载完解压 .zip,把里面的 Visual Studio Code.app 拖到「应用程序」(Applications)文件夹里,就装好了。
Windows:双击 .exe 安装包,一路点「下一步 (Next)」, 最后点「完成 (Finish)」,安装就结束了。
打开 VS Code
Mac:在「应用程序」文件夹里双击 Visual Studio Code, 或者按 Command + 空格 打开 Spotlight, 搜「code」或「visual」,回车打开。
Windows:在桌面或「开始菜单」找到 Visual Studio Code, 双击打开。
第一次打开会看到一个欢迎页面,不用做任何设置,默认配置就够用了。
禁用 Copilot AI 功能
VS Code 可能自带或自动启用了 GitHub Copilot。为了避免它和后面要用的 Claude Code 同时弹出建议、让你分不清正在和哪个 AI 对话,先把 Copilot 的 AI 功能关掉。
点击左侧扩展图标,在搜索框输入 Copilot,找到 GitHub Copilot Chat;点击右侧齿轮,在菜单中选择“禁用 AI 功能”。
打开你的「项目文件夹」
写代码时,我们通常把一个项目的所有文件放在同一个文件夹里, 这个文件夹就叫「项目的家」。在 VS Code 里打开这个文件夹, 左侧就会出现所有文件的列表,就像在手机相册里打开一个相册一样方便。
操作方法:点击顶部菜单 File(文件)→ Open Folder…(打开文件夹), 在弹出的窗口里找到你的项目文件夹,点「打开」即可。
my-project 之类的名字,然后用 VS Code 打开它, 后续课程会告诉你怎么往里放文件。找到「终端」并打开它
「终端」(Terminal)是可以打字给电脑下命令的「小黑框」。 听起来有点神秘,其实就像在对话框里和电脑说话——你输一条命令, 电脑就执行一个操作,比如安装软件、运行程序。
VS Code 内置了终端,不需要另外安装。打开方式: 点击顶部菜单 终端(Terminal)→ 新建终端(New Terminal), 屏幕下半部分就会出现一个黑色(或深色)的输入框,这就是终端。















