C22. Visual Studio Code 的安装与配置

2.1. ⭐ 通过官网安装 Visual Studio Code

VS Code 是微软开发的轻量级代码编辑器，支持多语言开发和插件扩展。安装步骤简单，但需注意版本选择。

📦 安装步骤：

1. 访问官网： 打开浏览器 → 输入 https://code.visualstudio.com → 点击「Download for Windows/Mac/Linux」。
2. 安装向导： 双击下载的 .exe（Windows）或 .deb（Linux） → 一路「下一步/确定」完成安装。
3. 验证安装： 在终端输入 code .（Windows需添加到 PATH）或通过开始菜单启动。

WARNING

• 安装时避免勾选第三方捆绑软件（如浏览器工具栏）。
• macOS 用户需用 .dmg 文件拖拽安装。

# Windows 终端验证安装
code --version
# 输出类似：1.83.1 (Universal)

2.2. 🌟 扩展市场提供语言扩展包

VS Code 的强大源于其「扩展市场」——数万个插件可扩展编辑器功能（如代码高亮、调试支持）。

🔍 安装扩展步骤：

1. 打开扩展市场： 点击左侧活动栏的「扩展」图标（⚡）→ 搜索框输入扩展名称。
2. 安装 Python 扩展示例： 搜索「Python」→ 选择 Microsoft 官方扩展 → 点击「安装」→ 安装完成后自动启用。

扩展功能举例

• Python：语法高亮、调试、虚拟环境支持。
• Live Server：实时预览 HTML/CSS 页面。
• Markdown All in One：Markdown 编辑增强。

⚠️ 注意事项：

• 扩展需根据开发语言安装（如 JavaScript 需安装「JavaScript (ES6) code snippets」）。
• 部分扩展需重启 VS Code 才能生效。

2.3. ⭐ 主题选择与偏好设置

通过主题和设置，可将 VS Code 调整为适合个人习惯的开发环境。

🎨 主题配置：

1. 切换主题： 打开扩展市场 → 搜索「Themes」→ 安装喜欢的主题（如「Monokai Pro」）→ 在扩展详情页点击「启用」。
2. 预览主题： 安装后，按 Ctrl+,（打开设置）→ 搜索「颜色主题」→ 下拉选择已安装的主题。

⚙️ 基本设置：

• 字体与缩进： 设置 → 搜索「字体大小」调整编辑器字体 → 搜索「Tab 大小」设置缩进空格数。
• 自定义 JSON： 进入 settings.json（设置界面右上角「{}`」图标）→ 直接编辑配置文件：

  {
    "editor.fontSize": 14,
    "files.autoSave": "afterDelay",
    "workbench.colorTheme": "Monokai Pro"
  }

TIP

快捷键 Ctrl+Shift+P 可调出命令面板，快速搜索设置项。

2.4. 🌟 常用快捷键加速代码编写

掌握快捷键可大幅提升编码效率，以下是高频使用组合键：

🚀 快捷键速查表：

功能	Windows/Linux	macOS
保存文件	Ctrl+S	Cmd+S
注释代码	Ctrl+/	Cmd+/
查找替换	Ctrl+F / Ctrl+H	Cmd+F / Cmd+Option+F
切换侧边栏	Ctrl+B	Cmd+B
多光标编辑	Alt+Click	Option+Click
格式化代码	Shift+Alt+F	Shift+Option+F

🔄 快捷键自定义：

1. 打开设置（Ctrl+,）→ 搜索「键盘快捷方式」→ 点击「打开键盘快捷方式（JSON）」。
2. 修改快捷键配置示例：

   [
     {
       "key": "alt+enter",
       "command": "editor.action.formatDocument",
       "when": "editorTextFocus"
     }
   ]

WARNING

修改快捷键可能导致与其他程序冲突，建议先备份默认配置！

知识回顾

1. 安装流程： 访问官网 → 下载对应系统安装包 → 完成安装 → 通过终端或开始菜单启动。
2. 扩展管理： 通过扩展市场搜索并安装语言或功能插件（如 Python、Live Server）。
3. 主题与设置：
   • 主题通过扩展市场安装并启用。
   • 通过 settings.json 进行高级自定义（字体、缩进等）。
4. 快捷键核心点：
   • 常用快捷键提升效率（如注释代码、多光标编辑）。
   • 可通过 JSON 文件自定义快捷键组合。

课后练习

1. （单选）以下哪个快捷键用于格式化代码？

   • A. Ctrl+S
   • B. Shift+Alt+F
   • C. Ctrl+/
   • D. Cmd+B

2. （填空）安装 VS Code 后，验证是否安装成功的命令是 ______。

3. （操作题）尝试在 VS Code 中：

   1. 安装「Material Theme」并启用。
   2. 将字体大小设置为 16。
   3. 使用快捷键注释当前行代码。

4. （思考题）为什么需要为 Python 安装官方扩展？请用 1 句话说明。

5. （实践题）编写一个包含 HTML 和 CSS 的简单网页，用 Live Server 扩展实时预览效果。