VSCode

Visual Studio Code 是一款基于 Electron 的轻量级代码编辑器,核心优势在于高度可扩展的配置体系和统一的命令面板交互。

界面与命令面板

主界面由活动栏、侧边栏、编辑器组、面板(终端/输出/调试)四部分组成,所有功能都可通过命令面板触发。

快捷键	作用
Ctrl/Cmd + Shift + P	打开命令面板
Ctrl/Cmd + P	快速打开文件
Ctrl/Cmd + B	切换侧边栏
Ctrl/Cmd + 反引号	切换终端
Ctrl/Alt + 点击	多光标

settings.json 同步

VSCode 支持通过 GitHub 或 Microsoft 账号同步 settings.json、keybindings.json、扩展列表与片段。配置项可在「Settings」中搜索并点击「打开设置(JSON)」直接编辑:

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "files.trimTrailingWhitespace": true,
  "terminal.integrated.defaultProfile.zsh": "zsh"
}

推荐扩展

• 主题: Catppuccin、One Dark Pro、Tokyo Night
• 格式化: Prettier、ESLint、stylelint
• 语言服务: 各语言官方扩展(例如 Python、Rust Analyzer、Go)
• 效率: GitLens、Project Manager、Error Lens

调试配置

调试行为通过项目根目录下的 .vscode/launch.json 定义:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/index.js"
    }
  ]
}

远程开发

「Remote - SSH」扩展允许在远端服务器打开文件夹,本地编辑、终端与调试全部在远端执行,适合在云主机或容器中开发大型项目。容器场景可使用「Dev Containers」配合 devcontainer.json 复现完整开发环境。