真正值得装的 10 个 vscode 插件：vscode-icons、ESLint+Prettier、gitLens、auto Rename Tag、Path Intellisense、Regex Previewer、Remote-ssh、Chinese Language Pack、markdown All in One、CodeGeeX，覆盖文件识别、代码质量、Git 协作、标签同步、路径补全、正则调试、远程开发、中文支持、Markdown 编辑及 AI 编程辅助。
2024 年真正值得装、用得上、不鸡肋的 VSCode 插件，其实没那么多——挑 10 个“神级”不难，但得是 每天打开就用、关掉就难受 的那种。下面这些不是凑数的，而是经大量开发者验证、适配当前主流工作流（含 typescript、react/vue、Git 协作、远程开发等）的硬核选择。
文件图标与视觉清爽：vscode-icons
一眼识别文件类型，比看后缀快十倍。支持自动按项目类型（如 Vue、Next.js、spring Boot）切换图标风格，连 .env、.gitignore、dockerfile 都有专属图标。安装后默认启用，无需额外配置。
- 配合 Material Icon Theme 可进一步细化图标密度和饱和度
- 在设置里搜
icons，可关闭某些干扰项（如隐藏文件夹图标）
代码质量守门员：ESLint + Prettier
这不是一个插件，而是 必须成对使用的一组基础设施。ESLint 检查逻辑错误和规范问题，Prettier 统一格式细节（空格、换行、引号），两者协同才能既“不出错”又“长得齐”。
- 安装 ESLint（dbaeumer.vscode-eslint）和 Prettier（esbenp.prettier-vscode）
- 在项目根目录放
.eslintrc.js和.prettierrc，推荐 继承eslint-config-prettier关闭冲突规则 - 开启 VSCode 设置里的
format On Save和default Formatter → Prettier
Git 超能力外挂：GitLens
原生 Git 功能只够“能用”，GitLens 才让你“看得清、查得快、改得准”。光标悬停显示谁在哪天改了这行；右键可快速对比历史版本；侧边栏自带 Git 图谱和提交搜索。
- 高频操作：按
Alt+Click查看某行 Blame；Ctrl+Shift+G呼出 GitLens 面板 - 搭配 Git Graph 可视化分支合并，适合复杂协作场景
html/xml 效率加速器：Auto Rename Tag
改一个开标签，闭标签自动同步——尤其写 JSX 或 Vue 模板时，省去手动翻找和手误风险。支持自定义标签对（比如 <template></template>），也兼容 Vue 的 <script setup></script> 语法块。
- 默认开启，无配置压力
- 多光标编辑时同样生效，批量重命名组件标签很顺手
路径补全神器：Path Intellisense
import 语句写到一半，还没敲完路径，它已经把 src/components/xxx 列好了。支持别名（如 @/utils）、相对路径智能推导、甚至 .d.ts 类型文件提示。
- 需在项目中配置
jsconfig.json或tsconfig.json的baseUrl和paths - 按
Ctrl+Space强制触发补全，比等自动弹出更可靠
正则调试不抓瞎：Regex Previewer
写正则不再靠猜。左边输表达式，右边实时高亮匹配结果；支持全局匹配、多行模式、不同语言 flavor（JS / python / rust）。调试表单校验、日志提取、字符串 清洗时，效率翻倍。
- 快捷键
Ctrl+Shift+P → Regex Previewer: Toggle快速开关面板 - 可保存常用 regex 片段，下次直接调用
远程开发刚需：Remote-SSH
本地 VSCode 直连服务器，编辑、运行、调试全在同一个界面。不需要同步代码、不用切终端、断点照样进 Docker 容器里的 node 进程。
- 首次连接需配置
~/.ssh/config，之后一键连接 - 远程扩展自动同步，比如你在本地装了 ESLint，服务器端也会启用对应服务
中文友好基础项：Chinese (Simplified) Language Pack
不是“锦上添花”，而是降低新用户学习门槛的关键。菜单、报错提示、设置项全中文，尤其对刚转 前端 或跨技术 栈的开发者非常友好。
- 安装后重启即可生效，无兼容性问题
- 不影响英文文档阅读，命令面板仍支持中英文混合输入（如搜“格式化”或“format”都行）
Markdown 编辑自由度拉满：Markdown All in One
写文档、记笔记、做技术方案，一个插件搞定大纲导航、快捷插入表格 / 列表 / 公式、实时预览、TOC 自动生成。比官方 Markdown 支持更稳，比 Preview Enhanced 更轻量易上手。
-
Ctrl+K, T快速生成目录；Ctrl+Shift+V开启侧边实时预览 - 支持导出 PDF（需系统安装 Pandoc）和 HTML
AI 编程辅助（免费首选）：CodeGeeX
2024 年国产大模型插件中落地最稳的一个。支持代码补全、注释生成、单元测试编写、commit message 推荐，响应快、不卡顿、不强制登录。相比 copilot，更适合中文语境和国内开源生态。
- 安装即用，无需额外 API Key
- 右键菜单有“解释代码”“生成测试”等快捷入口，适合边学边用
基本上就这些。不复杂但容易忽略：插件不在多，在于是否嵌入你的日常节奏。装完建议重启 VSCode，再打开一个真实项目试试——哪几个你用了不到两分钟就想关掉，就果断卸载；哪几个你发现“咦，刚才它自己干了件事？”那就是真神级。
