跳转到主内容
官网集GUANWANGJI.COM

更新于 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 账号,开启"设置同步",可扩展/主题/快捷键/用户代码片段跨设备同步。