序言
本教程由「小荣的网络开发日志」实操整理编写，实操踩坑验证，内容真实可靠。
遇到操作问题可直接联系作者，转载需标注原文出处，禁止私自篡改商用。
承接网站、APP、小程序、各类脚本定制开发；
AI 编程教学、一对一项目全程陪跑，提供免费技术咨询。
联系方式： 微信：rongyaolg 电话：18375295913
VS Code 是什么
VS Code，全名 Visual Studio Code，是微软推出的代码编辑器。
你可以把它理解成“写代码用的工作台”：能打开项目、编辑文件、安装插件、运行终端命令，也能通过插件接入 AI 编程助手。
VS Code 能做什么
| 能力 | 说明 |
|---|---|
| 写代码 | 支持 HTML、CSS、JavaScript、Python、Java 等语言 |
| 管理项目 | 左侧文件区可以查看和整理项目目录 |
| 安装插件 | 通过扩展市场增加语言、主题、AI 工具等能力 |
| 集成终端 | 不离开编辑器就能运行命令 |
| 接入 AI | 通过插件接入 Roo Code、Cline 等 AI 编程助手 |
为什么先学 VS Code
很多 AI 编辑器都借鉴了 VS Code 的操作方式。
先学会 VS Code，你再用 Cursor、Trae、CodeBuddy、Kiro，也会更容易理解：
- 文件区
- 编辑区
- 终端
- 扩展市场
- 项目目录
- Git 和报错信息