更新于 2026-09
VS Code 安装与配置教程:扩展/主题/快捷键/远程开发/Git 集成
VS Code 安装全流程:Windows/macOS/Linux 下载与安装、中文界面、主题/图标、扩展安装(Python/Node.js/Go)、快捷键、远程开发(SSH/WSL/容器)、Git 集成。常见问题解答。
01系统要求
Windows 10/11、macOS 10.15+ 或 Linux(Ubuntu 20.04+/Debian 10+/Fedora 30+),建议 4GB 以上内存,硬盘空间约 500MB。
02Windows 安装步骤
打开浏览器访问 VS Code 官网 code.visualstudio.com,点击"Download for Windows"按钮下载安装包(VSCodeSetup.exe,约 100MB)。双击运行安装包,选择安装目录(建议不要装在 C 盘),勾选"将 Code 添加到 PATH"和"将通过 Code 打开操作添加到文件右键菜单",点击"下一步"完成安装。
03macOS 安装步骤
访问 VS Code 官网 code.visualstudio.com,点击"Download for Mac"下载安装包(VSCode-darwin-universal.zip,约 150MB)。解压 ZIP 文件,将 Visual Studio Code 拖入 Applications 文件夹。在 Launchpad 中找到 VS Code 点击打开。
04Linux 安装步骤
Ubuntu/Debian:下载 .deb 包,执行 sudo dpkg -i code_*.deb 安装。
Fedora/RHEL:下载 .rpm 包,执行 sudo dnf install code-*.rpm 安装。
Arch Linux:执行 yay -S visual-studio-code-bin 从 AUR 安装。
05中文界面
VS Code 默认英文界面,可安装中文语言包。
安装步骤:按 Ctrl+Shift+X(macOS: Cmd+Shift+X)打开扩展面板,搜索"Chinese (Simplified)",安装"Chinese (Simplified) Language Pack",重启 VS Code 即可切换中文界面。
06主题与图标
VS Code 支持丰富的主题和图标,按 Ctrl+K Ctrl+T(macOS: Cmd+K Cmd+T)快速切换主题。
推荐主题:One Dark Pro(深色)、GitHub Light(浅色)、Dracula(高对比度)、Nord(柔和)。
推荐图标:Material Icon Theme(文件图标)、VSCode Icons(VS 风格图标)。
07扩展安装
VS Code 扩展生态丰富,按语言/框架/工具分类。
Python 开发:安装"Python"扩展(Microsoft 官方),配置 Python 解释器路径。
Node.js 开发:安装"JavaScript and TypeScript"扩展(内置),可选"Prettier"(代码格式化)、"ESLint"(代码检查)。
Go 开发:安装"Go"扩展(Go 官方),配置 GOPATH 和 GOROOT。
前端开发:安装"Volar"(Vue 3)、"ES7+ React/Redux/React-Native snippets"(React 代码片段)。
08快捷键
VS Code 快捷键丰富,提高编码效率。
常用快捷键:Ctrl+P(快速打开文件)、Ctrl+Shift+P(命令面板)、Ctrl+`(终端)、Ctrl+D(选中下一个相同词)、Alt+↑/↓(上下移动行)、Ctrl+Shift+K(删除行)。
自定义快捷键:按 Ctrl+K Ctrl+S(macOS: Cmd+K Cmd+S)打开键盘快捷方式,搜索命令修改快捷键。
09远程开发
VS Code 支持远程开发,在本地编辑远程服务器代码。
Remote - SSH:连接远程 Linux 服务器,安装"Remote - SSH"扩展,配置 SSH 密钥登录。
WSL:在 Windows 上编辑 WSL2 中的 Linux 文件,安装"WSL"扩展。
Dev Containers:在 Docker 容器中开发,安装"Dev Containers"扩展,配置 devcontainer.json。
10Git 集成
VS Code 内置 Git 支持,左侧"源代码管理"面板查看变更。
基本操作:点击"+"暂存更改、输入提交信息、点击"✓"提交、点击"..."推送/拉取。
分支管理:点击底部状态栏分支名称切换分支,右键创建/删除分支。
冲突解决:合并冲突时,VS Code 高亮显示冲突区域,点击"接受当前更改"/"接受传入更改"解决。
11常见问题
VS Code 免费吗?VS Code 完全免费,开源(MIT 协议),可商用。
VS Code 和 Visual Studio 有什么区别?VS Code 是轻量级代码编辑器,启动快、扩展丰富;Visual Studio 是完整 IDE,功能全面但体积大。Web/前端/脚本开发选 VS Code,C#/.NET/大型项目选 Visual Studio。
VS Code 占内存吗?VS Code 基于 Electron,内存占用中等。建议关闭不用的扩展和标签页,使用"进程资源管理器"(帮助 → 打开进程资源管理器)查看内存占用。
如何同步设置?登录 GitHub/Microsoft 账号,开启"设置同步",可扩展/主题/快捷键/用户代码片段跨设备同步。