VS Code 2026年的正确的打开方式

上个月帮同事排查一个线上问题,我凑过去看他的 VS Code。扫了一眼插件列表,我差点以为自己穿越了:Prettier、ESLint、Live Server、Peacock Theme、Bracket Pair Colorizer......一套标准的"2020 年新手大礼包"。

怎么说呢,这套配置放在五年前是完全没问题的。但现在都 2026 年了,这感觉就像你开着一辆家用轿车上了 F1 赛道------四个轮子确实都有,但离"对的工具"差了十万八千里。

过去这几年,VS Code 生态已经被悄悄重写了一轮。AI 从"装个插件就能用"变成了"编辑器的一部分"。有些插件你还在用,但其实 VS Code 自己已经做了。有些插件你一直留着,但它除了拖慢启动速度什么也不做。

这不是一篇"2026 年十大必装插件"的文章。这是一次重新思考你的编辑器应该为你做什么的复盘。


到底发生了什么变化?

从 2022 年到现在,有三件大事改变了 VS Code 的玩法。

第一件事:AI 住进了编辑器里。

以前 AI 是"你可以装个插件"。现在 AI 是"编辑器的一部分"。你写代码的方式变了,所以"什么插件重要"也变了。那些帮你省掉打字重复劳动的插件,价值在变低------因为 AI 已经帮你省掉了。现在真正有用的,是帮你思考问题、在快速膨胀的代码库里导航、或者把 AI 漏掉的问题揪出来的插件。

第二件事:VS Code 自己干掉了一大堆插件。

括号高亮现在原生支持了,Bracket Pair Colorizer 可以直接卸了。终端集成强到很多终端插件已经没必要装了。Git 集成也变强了,部分 Git 插件已经没什么存在意义了。如果你还在用一个 VS Code 自己已经做了的功能的插件,那它除了拖慢编辑器速度,什么也没干。

第三件事:VS Code 已经是个正经 IDE 了。

不是当年那个"文本编辑器加点糖"了。它现在能做很多 2018 年 IntelliJ 能做的事,而且更快、更轻、插件生态更大。如果你还把它当文本编辑器用,那你浪费了一大半能力。


2026 年真正有用的插件是哪些?

我按它们实际解决什么问题来分组,而不是搞一个"十佳排名"。


第一组:AI 智能层------现在是"必须装"

1. GitHub Copilot

这个不用多介绍了吧?2026 年的 Copilot 已经不是单纯补全了,还能问问题、解释代码、修 bug、写测试、甚至帮你想 shell 命令。不过注意,2026 年 6 月起 Copilot 改成用量计费了,基础订阅还是 10 刀/月,但超出额度要额外算钱。学生和开源维护者还是免费。

说句实话:如果你现在还没用 Copilot 或同级别的 AI 工具,那你确实在靠蛮力干活。


第二组:代码智能------让你在代码库里游得更快

4. GitLens

大多数人装 GitLens 只用了它的 blame 注释,其实它现在能做更多------完整的历史可视化、分支对比、差异展示、stash 管理、交互式 rebase 编辑器。Copilot 集成后还能生成 commit message 和审查建议。免费版就够用了,Pro 版值在团队功能上。

5. Error Lens

这玩意我真觉得应该默认内置。它把错误和警告直接显示在你写的那一行上,不用你鼠标悬停去猜。配合 AI 建议直接出现在错误旁边,谁用谁知道。零配置,装上就行。

6. Pretty TypeScript Errors

TypeScript 的报错以晦涩著称。这个插件把它们变得可读:

复制代码
// 改之前
Type '{ name: string; age: number; email: string; }' is not
assignable to type 'User'. Object literal may only specify known
properties, and 'email' does not exist in type 'User'.

// 改之后
❌ 'email' 不在类型 'User' 上
   你传了:  { name, age, email }
   期望:    { name, age }

如果你写 TypeScript,这个可以装。


第三组:工作流与导航------在大代码库里别迷路

7. TODO Tree

AI 让代码库膨胀得比以前快多了,所以跟踪自己的笔记比以前更重要。TODO Tree 会把所有 TODO、FIXME、HACK 注释搜出来,在侧边栏显示,还能高亮。2026 年的版本搜索和过滤强了很多,在大仓库里也能用了。

8. Bookmarks

被低估的一个。标记任意文件的任意行,一键跳回来------Alt+点击标记,Alt+J/K 跳转。AI 让你同时改一堆文件的时候,丢位置的成本很高。这相当于给代码库装了个 GPS。

9. Project Manager

如果你碰的项目多于一个,这个值得装。把任何文件夹存成命名项目,一键切换。配合 VS Code Profiles 用的话,不同项目可以加载完全不同的插件集------你个人博客项目没必要把企业 Java 那套工具一起加载进来。


第四组:代码质量------AI 写得快,你审得过来吗?

10. SonarQube for IDE(以前叫 SonarLint)

被严重低估的工具。它在代码提交前实时跑质量和安全检查,特别是 AI 生成的代码有自己的错误模式------SQL 注入、硬编码凭证、死代码、OWASP Top 10 违规。如果你用 AI 写代码而且不每次都手动仔细审查,这个最好装。


第五组:你大概还在用、该卸了的东西

  • Bracket Pair Colorizer:VS Code 已经内置了,装多了还可能冲突。
  • Import Cost:2018 年确实有用,现在现代打包工具和 tree-shaking 已经让这玩意没什么必要了。
  • Auto Close Tag / Auto Rename Tag:VS Code 自己的 HTML 编辑已经很强了,测一下看看你还需不需要。
  • 任何你装了就忘了的主题/图标包:每个插件都会在启动时加载,不管你有没有在用。

想知道你装了啥?Cmd/Ctrl+Shift+PShow Running Extensions。大多数人从来没按过。


最被低估的功能:VS Code Profiles

这是 VS Code 里最被低估的功能。Profile 让你建多个完全独立的编辑器配置,一键切换,还能同步分享到不同机器和团队。

我现在日常跑四个 Profile:

  • 前端:Copilot、ESLint、Prettier、GitLens · 主题 One Dark Pro
  • Python/AI:Copilot、Pylance、Jupyter、Black · 主题 GitHub Dark
  • 写文档:Grammarly、Word Count、Markdown All in One,零代码插件 · 主题 Quiet Light(特意用亮色)
  • Code Review:GitLens Pro、GitHub Pull Requests、Error Lens、SonarQube------只为阅读设计的

每个 Profile 只加载需要的东西------启动更快、更专注、少被不相关的工具分散注意力。


我每次新装都会设的几个配置

插件都讨论完了,其实有些设置比插件更有用:

json 复制代码
{
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.cursorBlinking": "smooth",
  "files.autoSave": "onFocusChange",
  "editor.formatOnSave": true,
  "git.autofetch": true,
  "extensions.autoUpdate": false,
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/.git": true
  }
}

最后那个 search.exclude 太重要了------在典型 JS 项目里排除 node_modules,VS Code 搜索速度能快差不多 10 倍。


总结

编辑器是你作为开发者的主要工作场。花点心思打磨它,回报比任何工具都大。2026 年配置的核心思路很简单:

AI 帮你处理机械的事,你处理有意义的事。

你的插件应该反映这一点------少帮你"打字更快",多帮你"想得更好、导航更顺、把可能漏掉的东西抓住"。

这周可以花点时间审查一下自己的设置。卸掉已经过时的,装上能真正起作用的。未来的你------那个半夜在生产环境出问题时要上线查日志的你------会感谢现在做这件事的你。

相关推荐
BIBI20491 天前
Windows 下 Maven 安装与 VSCode 配置
java·windows·vscode·maven·环境搭建·安装教程
weixin_404679311 天前
godot + vscode ai开发
ide·vscode·编辑器·游戏引擎·godot
我一定会有钱1 天前
vscode system下载安装
ide·vscode·编辑器
2401_858286112 天前
VSCODE远程链接错误: 无法建立链接,过程试图写入的管道不存在的解决方法
ide·vscode·编辑器
像风一样自由20202 天前
加强版VScode结合remote-ssh远程连接服务器开发指南
服务器·vscode·ssh
一朵好运莲2 天前
Turbo Console Log插件VSCode更改log快捷键教程
ide·vscode·编辑器
持敬chijing4 天前
PHP开发-环境搭建-安装phpstudy-vscode工具
开发语言·vscode·php
csdn_aspnet4 天前
Copilot能换成本地吗?VSCode接本地大模型本地化接入方案
ide·vscode·ai·ollama
青 春 记 忆4 天前
零基础入门python04:用注册校验理解字典、集合和条件判断
开发语言·vscode·python·python3.11