VS Code高效使用与插件配置完整教程：打造最强编辑器
我用过很多编辑器，Sublime、Atom、WebStorm，最后定居VS Code。免费、轻量、插件丰富，什么语言都能写。但刚装好的VS Code只是个基础编辑器，配好插件和设置后效率翻倍。今天把我用了三年积累的VS Code配置方法分享出来，帮你打造最强开发环境。
为什么选VS Code
VS Code是微软出的免费编辑器，目前最流行。
优点：
1. 免费，微软维护，更新快。
2. 轻量，启动快，比WebStorm轻。
3. 插件丰富，什么语言什么框架都有。
4. 跨平台，Windows、Mac、Linux都有。
5. 终端集成，不用切窗口。
6. Git集成，版本控制方便。
7. 远程开发，SSH连服务器写代码。
8. 调试功能强。
我从Sublime转VS Code后再没换过，够用好用。
安装
去code.visualstudio.com下载安装包。
Windows：下载exe安装，建议勾选"添加到PATH"和"右键菜单"。
Mac：下载zip，拖到应用程序。
Linux：下载deb/rpm包安装，或用snap。
装完命令行能用code命令打开：code .用VS Code打开当前目录。
核心快捷键
快捷键是效率的核心，记住这些事半功倍。
通用（Windows用Ctrl，Mac用Command）：
Ctrl+P：快速打开文件，输入文件名。
Ctrl+Shift+P：命令面板，所有命令都能搜。
Ctrl+Shift+N：新窗口。
Ctrl+W：关闭标签。
Ctrl+S：保存。
编辑：
Ctrl+C/V/X：复制/粘贴/剪切（不用选中行，直接按就是整行操作）。
Ctrl+Z/Y：撤销/重做。
Ctrl+D：选中下一个相同的词，多光标编辑。
Ctrl+Shift+K：删除整行。
Alt+↑/↓：上下移动当前行。
Shift+Alt+↓：向下复制当前行。
Ctrl+}/：注释/取消注释。
Ctrl+Enter：下面新开一行。
Ctrl+Shift+Enter：上面新开一行。
Ctrl+F/H：查找/替换。
Ctrl+Shift+F：全局搜索。
Alt+Click：多光标点击编辑。
Ctrl+Alt+↑/↓：上下添加多光标。
Ctrl+Shift+L：选中所有相同的词。
导航：
Ctrl+G：跳到指定行。
Ctrl+Shift+O：跳到符号（函数、类）。
F12：跳到定义。
Alt+F12：查看定义（不跳转）。
Shift+F12：查看引用。
Ctrl+Shift+[/]：折叠/展开代码。
Ctrl+-/=：缩放界面。
Ctrl+B：切换侧边栏。
Ctrl+`：切换终端。
Ctrl+Shift+E：资源管理器。
Ctrl+Shift+G：源代码管理。
Ctrl+Shift+D：调试。
Ctrl+Shift+X：扩展。
我把常用快捷键打印贴在显示器旁边，用了一个月全记住了。多光标编辑（Ctrl+D）最实用，改重复代码神器。
必装插件
VS Code的强大在于插件，以下是我必装的：
通用类：
1. Chinese Language Pack：中文语言包。
2. Material Icon Theme：文件图标主题，文件类型一目了然。
3. Prettier：代码格式化，保存自动格式化。
4. ESLint：JS/TS代码检查。
5. EditorConfig：项目代码风格统一。
6. Path Intellisense：路径自动补全。
7. Auto Rename Tag：改HTML标签名自动改闭合标签。
8. Auto Close Tag：自动闭合HTML标签。
9. Bracket Pair Colorizer：括号配对着色（VS Code已内置类似功能）。
10. indent-rainbow：缩进着色，看层级。
11. Trailing Spaces：高亮行尾空格。
12. Code Spell Checker：拼写检查。
13. Live Server：本地服务器，实时预览HTML。
14. Path Autocomplete：路径补全。
Git类：
15. GitLens：Git增强，看每行代码谁写的、什么时候写的。必装。
16. Git History：看Git历史。
17. GitHub Pull Requests：在编辑器里处理PR。
主题类：
18. One Dark Pro：暗色主题，好看护眼。
19. Dracula Official：另一个好看的主题。
语言类（按需装）：
20. Python：Python开发必装。
21. ESLint + TSLint：JS/TS检查。
22. Vetur/Volar：Vue开发。
23. ESLint：React开发。
24. C/C++：C/C++开发。
25. Java Extension Pack：Java开发。
26. Go：Go开发。
27. Rust：Rust开发。
28. PHP Intelephense：PHP开发。
工具类：
29. Remote - SSH：远程开发，连服务器写代码。神器。
30. Docker：Docker管理。
31. Database Client：数据库工具（MySQL、PostgreSQL）。
32. REST Client：在编辑器里测API，不用Postman。
33. Thunder Client：另一个API测试工具。
34. Markdown All in One：Markdown增强。
35. Markdown Preview Enhanced：Markdown预览增强。
36. Todo Tree：TODO注释管理。
37. Better Comments：注释高亮分类。
38. Settings Sync：设置同步（新版VS Code已内置）。
39. CodeSnap：代码截图，分享好看。
40. Import Cost：显示引入包的大小。
我装了大概30个插件，够用不卡。插件别装太多，会变慢。
设置优化
打开设置：Ctrl+,或文件-首选项-设置。也可以直接编辑settings.json（Ctrl+Shift+P搜"Open Settings JSON"）。
我的settings.json推荐配置：
{
"editor.fontSize": 16, // 字体大小
"editor.fontFamily": ""Fira Code", "Consolas", monospace", // 字体
"editor.fontLigatures": true, // 连字体（Fira Code支持）
"editor.tabSize": 2, // 缩进2空格
"editor.formatOnSave": true, // 保存自动格式化
"editor.formatOnPaste": true, // 粘贴自动格式化
"editor.wordWrap": "on", // 自动换行
"editor.minimap.enabled": false, // 关小地图
"editor.bracketPairColorization.enabled": true, // 括号着色
"editor.guides.bracketPairs": true, // 括号引导线
"editor.suggestSelection": "first", // 建议选第一个
"editor.inlineSuggest.enabled": true, // 行内建议
"editor.stickyScroll.enabled": true, // 粘性滚动（看函数名）
"files.autoSave": "afterDelay", // 自动保存
"files.trimTrailingWhitespace": true, // 保存时删行尾空格
"files.insertFinalNewline": true, // 文件末尾加空行
"terminal.integrated.fontSize": 16, // 终端字体
"terminal.integrated.copyOnSelection": true, // 选中自动复制
"workbench.iconTheme": "material-icon-theme", // 图标主题
"workbench.colorTheme": "One Dark Pro", // 颜色主题
"workbench.startupEditor": "none", // 启动不开欢迎页
"workbench.editor.enablePreview": false, // 点击文件不预览模式
"search.exclude": { // 搜索排除
"**/node_modules": true,
"**/dist": true
},
"emmet.triggerExpansionOnTab": true, // Tab触发Emmet
"prettier.semi": false, // Prettier不用分号
"prettier.singleQuote": true, // 单引号
"eslint.formatOnEnable": true,
"git.autofetch": true, // 自动fetch
"git.confirmSync": false, // 同步不确认
"explorer.confirmDelete": false, // 删除不确认
"explorer.confirmDragAndDrop": false, // 拖拽不确认
"extensions.ignoreRecommendations": true, // 忽略推荐
"telemetry.telemetryLevel": "off", // 关遥测
"update.mode": "none" // 手动更新
}
这些设置是我用了三年调出来的，你可以根据自己的习惯改。
字体推荐
编程字体要等宽、好看、有连字。
1. Fira Code：免费，支持连字（!=变成≠，=>变成箭头），我最推荐。
2. JetBrains Mono：JetBrains出的，好看。
3. Source Code Pro：Adobe出的。
4. Cascadia Code：微软出的，Windows Terminal默认字体。
5. Hack：经典编程字体。
下载字体安装后，在settings.json里设置editor.fontFamily。
我用Fira Code，连字看着舒服，代码更易读。
代码片段
代码片段（Snippets）能快速插入代码模板。
创建：Ctrl+Shift+P搜"Configure User Snippets"，选语言。
例子（JavaScript）：
"Console Log": {
"prefix": "clg",
"body": ["console.log($1);"],
"description": "插入console.log"
}
输入clg按Tab，自动插入console.log()，光标在$1位置。
常用的代码片段：
clg → console.log()
func → function name() {}
af → () => {}
forin → for (const item of items) {}
tryc → try {} catch(e) {}
代码片段省大量敲键盘时间。我自定义了二十多个，效率很高。
Emmet
写HTML/CSS的神器，缩写展开。
HTML：输入div.container按Tab，变成<div class="container"></div>。
输入ul>li*5按Tab，生成5个li。
输入div#header>nav.menu按Tab，生成嵌套结构。
CSS：输入m10按Tab变成margin: 10px。p20-30变成padding: 20px 30px。
Emmet大幅提高写HTML速度，前端必备。
终端集成
VS Code内置终端，Ctrl+`打开。不用切窗口，写代码和跑命令在一起。
可以多终端：终端面板右上角+号。
默认用系统终端，可以改成Git Bash、PowerShell、zsh等。设置里搜terminal.integrated.defaultProfile。
我用Git Bash作为默认终端，Linux命令能用。
调试功能
VS Code调试功能很强，比console.log高效。
设置断点：代码行号左边点一下，红点就是断点。
按F5启动调试。程序在断点处暂停，可以看变量、调用栈。
调试操作：F5继续，F10单步跳过，F11单步进入，Shift+F11跳出。
Watch：监视变量值。
不同语言需要装对应调试器（如Python装Python扩展，JS用Node调试）。
我用调试器排查bug，比满屏console.log快多了。
远程开发
Remote - SSH插件是神器，连服务器直接在VS Code里写代码，跟本地一样。
1. 装Remote - SSH插件。
2. F1搜"Remote-SSH: Connect to Host"，输入ssh user@ip。
3. 连上后打开服务器上的目录，像本地一样编辑。
好处：不用在服务器装编辑器，本地VS Code的插件和设置在远程也生效。
我改服务器代码用Remote SSH，比vim舒服太多了。
Git集成
VS Code内置Git，不用敲命令。
侧边栏源代码管理（Ctrl+Shift+G）：看修改的文件，点+暂存，写信息点√提交。
点文件看diff，左右对比。
底部状态栏：当前分支、同步按钮。
装GitLens后，每行代码显示Git blame（谁写的、什么时候），查看文件的Git历史。
我简单操作用界面，复杂操作用终端。两个配合。
工作区
工作区（Workspace）保存项目配置。
文件-将工作区另存为，生成.code-workspace文件。下次双击打开恢复所有设置。
工作区可以有独立的settings.json，不同项目不同配置。
多根工作区：一个窗口打开多个项目文件夹。
性能优化
VS Code变慢了怎么优化：
1. 插件别装太多，不用的禁用或卸载。
2. 大项目排除搜索目录（node_modules等）。
3. 关闭不用的文件标签。
4. 增加"files.watcherExclude"减少文件监听。
5. 用--disable-extensions启动排查插件问题。
6. 设置"search.followSymlinks": false。
7. 大文件用其他编辑器打开。
我的VS Code工作流
分享我的日常使用：
1. 开项目：终端cd到目录，code .打开。
2. 找文件：Ctrl+P快速打开。
3. 编辑：快捷键+多光标+Emmet。
4. 格式化：保存自动格式化（Prettier）。
5. 查找：Ctrl+F文件内，Ctrl+Shift+F全局。
6. 跳转：F12跳定义，Shift+F12看引用。
7. 终端：Ctrl+`开终端跑命令。
8. Git：侧边栏操作，GitLens看blame。
9. 调试：F5断点调试。
10. 远程：Remote SSH连服务器。
这套流程用了三年，写代码效率极高。
总结
VS Code是当前最好的编辑器，但要配好才好用。核心是：快捷键记住、插件装对、设置调好。花一天时间配置，以后每天省一小时。推荐先装我列的必装插件，再根据自己的语言补充。快捷键多练，形成肌肉记忆。用好VS Code，编程体验完全不同。
