Visual Studio Code（简称VS Code）是微软开发的一款免费、开源、跨平台的代码编辑器。它是目前最流行的代码编辑器之一。本教程详细介绍VS Code在Windows系统上的安装配置、基础操作、常用插件推荐以及高效使用技巧，帮助新手开发者快速搭建专业的开发环境。
我们认为，几乎所有即将学习编程、LLM、Agent等技术的开发者，都有很大概率需要先从 VS Code 开始。
1. VS Code 下载与安装
1.1 下载 VS Code
官方下载地址：https://code.visualstudio.com/
访问官网后，点击首页的 Download for Windows 按钮，即可下载最新版本的安装程序。
官网会自动识别你的操作系统并提供对应版本。如需其他平台版本（macOS/Linux），可点击下载按钮旁的下拉箭头进行选择。
1.2 安装 VS Code
- 下载安装包：双击下载的
VS CodeUserSetup-x64-*.exe安装文件，启动安装向导。 - 接受许可协议：阅读许可条款后，勾选 "我同意此协议"，点击 "下一步"。
- 选择安装路径：保持默认路径（
C:\Users\<用户名>\AppData\Local\Programs\Microsoft VS Code），或点击 "浏览" 自定义安装位置，然后点击 "下一步"。 - 选择开始菜单文件夹：保持默认设置，点击 "下一步"。
- 选择附加任务（重要），这一步强烈建议勾选以下选项：
- 创建桌面快捷方式 — 直接从桌面启动VS Code。
- 将 "Open with Code" 操作添加到 Windows 资源管理器文件上下文菜单 — 右键文件/文件夹可直接用VS Code打开。
- 将 "Open with Code" 操作添加到 Windows 资源管理器目录上下文菜单 — 右键文件夹可直接用VS Code打开
- 将 Code 注册为受支持的文件类型的编辑器 — 双击代码文件自动用VS Code打开。
- 添加到 PATH（需要重启Shell）在命令行中可直接使用
code命令。建议此项保持勾选状态
- 点击 "下一步"，然后点击 "安装"。
- 完成安装：安装完成后，勾选 "启动 Visual Studio Code"，点击 "完成"。VS Code 将自动启动。
2. 基础界面介绍
2.1 界面布局
VS Code启动后，界面分为以下几个主要区域：
| 区域 | 位置 | 功能说明 |
|---|---|---|
| 活动栏 | 最左侧竖条 | 切换侧边栏视图（文件、搜索、Git、调试、扩展） |
| 侧边栏 | 左侧 | 显示文件资源管理器、搜索结果、Git变更、扩展列表等 |
| 编辑区 | 中央 | 主要的代码编辑区域，支持多标签页和分屏 |
| 底部面板 | 下方 | 包含终端、输出、问题、调试控制台等面板 |
| 状态栏 | 最底部 | 显示当前文件的语言、编码、行号、Git分支等信息 |
首次安装后超链接文字默认为蓝色，此处为黄色字体是主题插件所致，我们将会在后面的内容中介绍如何配置主题插件。
3. 基本配置与操作
3.1 配置简体中文环境
如果你的VS Code界面中没有显示中文，你可以点击左侧活动栏的扩展图标，搜索Chinese (Simplified)(简体中文) Language Pack打开该扩展页面后点击安装按钮，安装完成后，关闭VS Code后重启打开即可。
3.2 打开文件夹/工作区
方法一：通过菜单
点击菜单栏 "文件(File)" → "打开文件夹(Open Folder)"，选择你的项目文件夹。
方法二：拖拽文件夹
直接将文件夹拖拽到VS Code窗口中。
3.3 创建和编辑文件
新建文件
- 快捷键：
Ctrl + N— 创建新文件 - 在侧边栏文件资源管理器中，点击 "新建文件" 图标
保存文件
- 快捷键：
Ctrl + S— 保存当前文件 - 快捷键：
Ctrl + Shift + S— 另存为
新建文件夹
在侧边栏文件资源管理器中，点击 "新建文件夹" 图标。
3.4 常用快捷键
编辑操作
| 快捷键（Windows） | 功能 |
|---|---|
Ctrl + C / Ctrl + V |
复制 / 粘贴（常用） |
Ctrl + X |
剪切当前行 |
Ctrl + Z / Ctrl + Y |
撤销 / 恢复（常用） |
Ctrl + D |
选中下一个相同单词 |
Ctrl + Shift + L |
选中所有相同单词（批量修改） |
Alt + ↑/↓ |
上下移动当前行 |
Alt + Shift + ↑/↓ |
向上/下复制当前行 |
Ctrl + / |
注释/取消注释（常用） |
Ctrl + [ / Ctrl + ] |
减少/增加缩进 |
Ctrl + F / Ctrl + H |
查找 / 查找并替换（常用） |
这里
Ctrl + D默认是选中下一个相同单词，主要用于批量修改相同单词。作者已将其自定义为复制当前行至下一行。你也可以自定义其他快捷键，后面我们会有详细介绍。
视图操作
以下快捷键了解即可，不会经常使用：
| 快捷键（Windows） | 功能 |
|---|---|
Ctrl + B |
切换侧边栏显示/隐藏 |
Ctrl + Shift + F |
打开全局搜索 |
Ctrl + Shift + G |
打开Git面板 |
Ctrl + \ |
分屏编辑器 |
Ctrl + Shift + P |
打开命令面板 |
Ctrl + + / Ctrl + - |
放大/缩小界面 |
3.5 集成终端使用
什么是终端？
终端（Terminal）是一个用于执行命令行操作的界面。Windows系统中常见的终端是PowerShell和cmd那些黑框框的操作界面，主要通过各类代码命令执行各类操作。你可以在VS Code中打开内置的终端，并在打开时选择终端类型。
为什么需要终端？
- 执行系统命令：终端可以快速便捷地执行系统命令，如创建文件、删除文件、修改文件权限等。
- 管理进程：终端可以查看和管理正在运行的进程，如查看进程列表、终止进程等。
- 连接服务器：终端可以连接到远程服务器，如通过 SSH 连接服务器、通过 FTP 上传文件等。
- 版本控制：终端可以与 Git 等版本控制系统工具集成，如提交代码、拉取代码等。
- 执行脚本：终端可以执行自定义的脚本，如批量处理文件等。
- 调试：终端可以用于调试应用程序，如设置断点、查看变量值等。
- 本教程内容大部分命令都在 VS Code 内置的终端中执行，无需切换窗口。
打开VS Code内置终端
Ctrl + `
设置默认终端：
- 按
Ctrl + Shift + P打开命令面板 - 搜索 "Terminal: Select Default Profile"
- 选择你常用的终端（如 PowerShell）
调整终端显示位置
打开终端后，你可以使用鼠标拖动终端窗口图标，调整其位置，本教程习惯将终端设置在左侧侧边栏，方便对比查看。
3.6 搜索与替换
文件内搜索：Ctrl + F
全局搜索（搜索整个项目）：Ctrl + Shift + F
4. 设置与自定义
4.1 打开设置
- 图形化设置：
Ctrl + ,（逗号）或直接点击活动栏左下角的 "设置图标"，可以设置各个区域的字号大小、修改键盘快捷键等。 - JSON 配置文件：按
Ctrl + Shift + P，搜索 "Preferences: Open User Settings (JSON)"作为初学者这里很难使用到，这里不作重点介绍。
4.2 插件与拓展安装
你可以通过左侧的扩展市场去安装关于美化、功能等各类扩展，比如你可以安装一个主题拓展：Bearded Theme让你的代码编写环境看起来不那么平常。
4.3 同步设置
登录 Microsoft 或 GitHub 账号后，VS Code 可以跨设备同步你的设置、插件、快捷键等。
- 点击活动栏左下角的 账户图标（人形图标）
- 选择 "打开设置同步"
- 选择要同步的内容（设置、快捷键、插件等）
- 登录你的 GitHub 或 Microsoft 账号完成配置
5. 拓展内容
同类型工具：Trae
Trae 是一个基于 VS Code 的代码编辑器，它提供了 VS Code 所有功能，同时添加了一些借助AI能力的功能，如智能体代码生成、代码注释等。Trae 可以同步使用VS Code的插件，用户也可以根据自己的需求安装不同的插件。
Trae 安装地址：Trae 下载地址
6. 总结
VS Code 作为一款轻量级但功能强大的代码编辑器，具有以下核心优势：
- 轻量快速：安装包小巧，启动迅速，资源占用低
- 插件生态丰富：数万款插件覆盖几乎所有编程语言和开发场景
- 内置终端与Git：无需切换窗口即可完成命令行操作和版本控制
- 跨平台兼容：Windows、macOS、Linux 完全支持
- 免费开源：完全免费使用
通过本教程的学习，你应当已经掌握了VS Code的安装、基础操作、插件管理以及常用开发配置。配合后续的 Git、Python、Node.js 等教程，你将能够搭建一个完整的技术学习和开发环境。
举手提问