VS Code 实操笔记:简介、对比与从零配置指南
·
一、 VS Code 简介
Visual Studio Code (VS Code) 是由微软开发的一款免费、开源、跨平台的代码编辑器。
- 核心定位:它本身只是一个轻量级编辑器(类似记事本),但通过安装插件,它可以摇身一变为功能完整的集成开发环境 (IDE)。
- 技术架构:基于 Electron 框架开发,底层使用 Chromium 和 Node.js。
- 主要特性:
- 多语言支持:内置 JavaScript/TypeScript 支持,通过插件支持 C/C++, Python, Java, Go, PHP 等几乎所有主流语言。
- IntelliSense:强大的代码补全、参数提示和语法高亮。
- 调试功能:内置调试器,支持断点调试。
- Git 集成:原生支持 Git 版本控制,提供可视化的差异对比和操作界面。
二、 横向对比:VS Code vs Keil (典型 IDE)
作为嵌入式开发者,我之前长期使用 Keil 开发单片机程序。从 Keil 切换到 VS Code 时,差异感极强。以下是两者的核心对比:
| 特性 | VS Code | Keil (MDK-ARM) | 对比总结 |
|---|---|---|---|
| 本质属性 | 编辑器 + 插件系统 | 专用 IDE (集成开发环境) | VS Code 更轻量,Keil 更专用。 |
| 界面体验 | 现代化 UI,高亮美观,多标签页管理便捷。 | 界面老旧,字体渲染一般,多文件切换繁琐。 | VS Code 视觉体验完胜,长期编码更护眼。 |
| 代码补全 | 强大的 IntelliSense,支持跳转定义、引用查找。 | 补全功能较弱,跳转速度一般,对标准 C/C++ 支持有限。 | VS Code 编码效率更高,特别是重构代码时。 |
| 环境配置 | 需手动安装编译器 (如 GCC/ARM-None-EABI) 和配置任务。 | 安装即用,内置编译器,工程向导完善。 | Keil 开箱即用;VS Code 需要折腾环境,但配置一次后更灵活。 |
| 版本控制 | 原生 Git 集成,可视化极强。 | 几乎没有 Git 支持,需依赖外部工具 (如 TortoiseGit)。 | VS Code 在团队协作和版本管理上具有压倒性优势。 |
| 适用场景 | 前端、后端、嵌入式、脚本等全栈开发。 | 专注于 ARM/C51 单片机开发。 | Keil 是“专用工具”,VS Code 是“万能工具”。 |
| 结论:Keil 适合快速开发特定硬件,但编码体验较差;VS Code 适合追求编码效率、版本管理和多语言开发场景。现在很多嵌入式开发者选择 VS Code 编写代码 + Keil 编译下载 的组合模式。 |
三、 从零开始:安装与详细配置教程
1. 下载与安装
- 下载地址:https://code.visualstudio.com/
- 安装步骤(Windows 平台):
- 双击安装包,点击“我同意协议”。
- 选择安装位置:建议不要安装在 C 盘,路径中避免中文字符(如
D:\Software\VSCode)。 - 选择附加任务(关键步骤):
- 勾选 “添加到 PATH”(非常重要,方便命令行调用)。
- 勾选 “在此处打开 Code”(方便在文件夹右键直接打开项目)。
- 其他选项根据习惯勾选。
2. 初始化设置(必做)
安装完成后,打开软件,进行以下基础配置:
(1) 汉化(可选)
默认界面为英文,若需中文:
- 点击左侧活动栏的 扩展图标(方块形状),或按
Ctrl+Shift+X。 - 搜索
Chinese。 - 安装 Chinese (Simplified) Language Pack for Visual Studio Code。
- 右下角弹出提示,点击“Change Language and Restart”。
(2) 基础设置
点击左下角齿轮图标 -> 设置 (快捷键 Ctrl+,),搜索以下关键词进行修改:
- Auto Save (自动保存):设置为
afterDelay(编辑后自动保存,防止断电丢失)。 - Font Size (字体大小):根据显示器调整,建议
14或16。 - Font Family (字体):推荐
Consolas或JetBrains Mono(需下载安装),等宽字体更适合写代码。 - Tab Size (缩进):通常设为
4(Python 开发建议设为2或4)。
3. 核心工作流:打开与管理项目
VS Code 的核心逻辑是**“文件夹即工作区”**,不像 Visual Studio 或 Keil 那样有复杂的 .uvproj 工程文件概念。
- 打开项目:
- 方法一:菜单栏
文件 -> 打开文件夹。 - 方法二:在项目文件夹空白处右键 ->
通过 Code 打开。
- 方法一:菜单栏
- 工作区:
- 如果项目结构复杂,可以保存一个
.code-workspace文件,方便下次一键恢复当前窗口布局。
- 如果项目结构复杂,可以保存一个
4. 终端的使用
VS Code 内置了命令行终端,无需频繁切换窗口。
- 快捷键:按
Ctrl + `(Tab 键上方的键)调出终端。 - 用途:
- 前端:运行
npm install或npm run serve。 - Python:运行
python main.py。 - 嵌入式:运行
make或arm-none-eabi-gcc编译命令。
- 前端:运行
- 多终端:点击终端右侧的
+号可开启多个终端(如一个跑前端,一个跑后端)。
四、 进阶配置:插件推荐与安装
插件是 VS Code 的灵魂。以下是不同场景下的必备插件列表:
1. 通用效率类
- Material Icon Theme:给文件加上漂亮的图标,一眼识别文件类型。
- Path Intellisense:路径自动补全(引用文件时非常有用)。
- Bracket Pair Colorizer 2:括号配对高亮(现已内置为设置项,需在设置中开启
Editor > Bracket Pair Colorization)。
2. 嵌入式/C 语言开发类 (针对 Keil 迁移用户)
- C/C++ (Microsoft官方):必装。提供代码高亮、跳转定义、调试支持。
- C/C++ Extension Pack:扩展包,包含辅助工具。
- PlatformIO IDE:如果不使用 Keil,这是目前最火的嵌入式开发平台,支持 Arduino, STM32 等,全自动管理依赖和编译环境。
- Hex Editor:查看和编辑二进制文件。
3. 前端/Web 开发类
- Live Server:一键启动本地服务器,保存代码后浏览器自动刷新,前端神器。
- ESLint:代码语法检查工具。
- Prettier:代码格式化工具,统一代码风格。
五、 实用快捷键速查表
养成使用快捷键的习惯是提升效率的关键。
| 功能 | 快捷键 (Windows) | 说明 |
|---|---|---|
| 命令面板 | Ctrl + Shift + P |
VS Code 的核心,输入命令执行任何操作。 |
| 快速打开文件 | Ctrl + P |
输入文件名,快速跳转,不再手动点文件夹。 |
| 查找/替换 | Ctrl + F / Ctrl + H |
当前文件内查找替换。 |
| 全局查找 | Ctrl + Shift + F |
在整个项目中搜索关键词。 |
| 切换终端 | Ctrl + ` |
显示/隐藏集成终端。 |
| 注释代码 | Ctrl + / |
快速注释/取消注释当前行。 |
| 格式化代码 | Shift + Alt + F |
一键整理代码格式。 |
| 分屏 | Ctrl + \ |
将编辑器一分为二,方便对照代码。 |
总结:
VS Code 的上手难点不在于“操作”,而在于“环境配置”。从 Keil 等传统 IDE 迁移过来时,最大的不适应是需要自己配置编译工具链。但一旦配置完成,其带来的编码效率提升、现代化的界面交互以及强大的 Git 集成,将带来巨大的工作流收益。
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐

所有评论(0)