📌 第一部分：VS Code 概览与定位

1.1 定义与全称

Visual Studio Code（简称 VS Code）是由微软于 2015 年发布的开源代码编辑器，是全球最流行的开发者工具。VS Code 基于 Electron 构建，支持 Windows、macOS 和 Linux 三大平台。

1.2 核心定位

VS Code 的核心定位是 轻量级、高性能的通用代码编辑器。它提供了：

• 轻量级（启动快，内存占用低）
• 跨平台（Windows、macOS、Linux）
• 丰富的插件生态（超过 5 万个扩展）
• 内置 Git 支持
• 强大的调试功能
• 智能代码补全（IntelliSense）
• 内置终端
• 远程开发支持（Remote Development）

1.3 主要应用领域

• Web 开发： HTML、CSS、JavaScript、TypeScript
• 前端框架： React、Vue、Angular、Svelte
• 后端开发： Python、Java、Go、Node.js、PHP
• 移动开发： Flutter、React Native
• DevOps： Docker、Kubernetes、YAML、Terraform
• 数据科学： Jupyter Notebook、Python 数据分析
• 系统运维： Shell、PowerShell、配置文件

1.4 知名案例

• 微软： VS Code 是微软的官方编辑器
• Google： 大量开发者使用 VS Code
• 亚马逊： AWS 开发者使用 VS Code
• GitHub： GitHub Codespaces 基于 VS Code
• 全球超过 70% 的开发者： 使用 VS Code

---

⚙️ 第二部分：核心特性

2.1 编辑功能

• IntelliSense： 智能代码补全
• 代码导航： 跳转到定义、查找引用
• 重构： 重命名、提取函数
• 代码格式化： 自动格式化代码
• 多光标编辑： 同时编辑多个位置
• 代码片段： 快速插入常用代码模板
• 括号匹配： 高亮匹配的括号
• 缩进指南： 可视化代码缩进

2.2 常用快捷键

# 通用快捷键
Ctrl+Shift+P    # 命令面板
Ctrl+P          # 快速打开文件
Ctrl+Shift+N    # 新窗口
Ctrl+W          # 关闭当前标签

# 编辑快捷键
Ctrl+D          # 选择下一个匹配项
Ctrl+Shift+L    # 选择所有匹配项
Alt+↑/↓         # 移动行
Ctrl+/          # 切换注释
Ctrl+Shift+/    # 块注释

# 导航快捷键
Ctrl+G          # 跳转到行
Ctrl+Shift+O    # 跳转到符号
Ctrl+T          # 跳转到符号（全局）
F12             # 跳转到定义
Alt+F12         # 预览定义

# 调试快捷键
F5              # 开始调试
Shift+F5        # 停止调试
F9              # 切换断点
F10             # 单步跳过
F11             # 单步进入

# 终端快捷键
Ctrl+`          # 打开/关闭终端
Ctrl+Shift+`    # 新建终端

2.3 配置文件（settings.json）

// settings.json 常用配置
{
    // 字体设置
    "editor.fontFamily": "JetBrains Mono, Fira Code, Consolas",
    "editor.fontSize": 14,
    "editor.fontLigatures": true,

    // 主题
    "workbench.colorTheme": "One Dark Pro",
    "workbench.iconTheme": "material-icon-theme",

    // 编辑器行为
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "editor.detectIndentation": false,
    "editor.wordWrap": "on",
    "editor.minimap.enabled": false,

    // 自动保存
    "files.autoSave": "onFocusChange",

    // 格式化
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,

    // 终端
    "terminal.integrated.defaultProfile.windows": "Git Bash",
    "terminal.integrated.fontSize": 14,

    // Git
    "git.enableSmartCommit": true,
    "git.autofetch": true,

    // 扩展
    "extensions.autoUpdate": true,
}

2.4 内置终端

# Windows
- PowerShell（默认）
- CMD
- Git Bash
- WSL

# macOS/Linux
- Bash
- Zsh
- Fish

# 多终端管理
- 拆分终端（Split Terminal）
- 终端重命名
- 终端配色方案

---

🔌 第三部分：插件生态

3.1 必装插件

• Chinese (Simplified) Language Pack： 中文语言包
• Prettier： 代码格式化
• ESLint： JavaScript/TypeScript 代码检查
• GitLens： Git 增强工具
• Material Icon Theme： 文件图标主题
• One Dark Pro： 最流行的暗色主题
• Live Server： 实时预览 HTML

3.2 语言支持插件

• Python： Python 扩展（微软官方）
• JavaScript/TypeScript： 内置支持
• Java： Extension Pack for Java
• C#： C# 扩展（微软官方）
• Go： Go 扩展
• PHP： PHP Intelephense
• Rust： rust-analyzer
• Vue： Volar
• React： ES7+ React/Redux/React-Native snippets

3.3 开发工具插件

• Docker： Docker 容器管理
• Kubernetes： Kubernetes 资源管理
• REST Client： API 测试（替代 Postman）
• Thunder Client： API 测试
• Database Client： 数据库管理
• Markdown All in One： Markdown 增强
• Draw.io Integration： 绘图工具
• Code Runner： 快速运行代码片段

---

⚖️ 第四部分：VS Code vs 其他编辑器

对比项	VS Code	Sublime Text	WebStorm	Vim
价格	免费	$99	¥1200/年	免费
跨平台	✅	✅	✅	✅
插件生态	最大（5万+）	较大	较大	较大
IntelliSense	✅ 强大	基本	✅ 极强	基本
调试	✅ 强大	❌ 插件	✅ 极强	❌
启动速度	快	极快	慢	极快
适用场景	通用开发	轻量编辑	大型项目	终端开发

---

🧠 第五部分：学习建议

推荐学习资源

• VS Code 官方文档： code.visualstudio.com/docs
• VS Code 中文文档： vscode.js.cn
• VS Code 插件市场： marketplace.visualstudio.com
• VS Code 快捷键参考： code.visualstudio.com/shortcuts

---

🎯 总结升华