我的VSCode配置进化史：从原教旨主义到插件狂魔

从”原生最好”到”插件真香”，我的VSCode装了47个插件。这篇记录配置演变过程。

第一阶段：原教旨主义（2019）#

刚用VSCode时，我坚持”原生配置最好”。

理由：

插件多了启动慢
依赖第三方有风险
换机器要重新配，麻烦

配置清单：

主题：默认Dark+
字体：Consolas
插件：0个

写代码的体验：能用，但总觉得哪里不对。

像穿了一件不合身的西装——能穿，但不舒服。

第二阶段： minimalist （2020）#

忍不住装了第一个插件：GitLens。

因为实在受不了看Git历史要切到命令行。

然后装了第二个：Prettier。

因为团队要求统一代码格式，手动调太痛苦。

配置原则：只装”没有就不行”的插件。

清单：

GitLens - 看Git历史
Prettier - 格式化
ESLint - 检查代码

总共5个插件，启动依然很快。

第三阶段：效率探索（2021）#

开始尝试提升效率的插件。

装了：

Auto Rename Tag - 改标签自动改闭合标签
Bracket Pair Colorizer - 彩虹括号
Path Intellisense - 路径提示
Git History - 图形化Git历史

体验提升明显，写代码流畅多了。

但也开始觉得：每次换电脑要重装插件好烦。

第四阶段：主题美化（2022）#

不满足于默认外观。

主题：

试了10+个主题，最后定Dracula
图标主题：Material Icon

字体：

从Consolas换到Fira Code
开了字体连字（ligatures），!= 变成 ≠ 很好看

界面：

隐藏了活动栏
隐藏了状态栏
极简模式

截了个图发朋友圈，收获20个赞。

第五阶段：功能扩展（2023）#

开始装功能性插件：

Thunder Client - 代替Postman
Live Server - 快速起HTTP服务
REST Client - 在编辑器里发HTTP请求
Code Runner - 快速运行代码片段

还有：

TODO Highlight - 高亮TODO注释
Better Comments - 彩色注释
Error Lens - 错误直接显示在行尾

插件数量突破20个。

VSCode启动时间：从2秒变成8秒。

第六阶段：AI辅助（2024）#

Copilot来了，第一时间装上。

然后：

GitHub Copilot Chat
TabNine（后来删了，和Copilot冲突）
Codeium（试过，一般）

AI改变了我写代码的方式：

注释写得更多了（给AI看）
Tab键按得更多了（接受建议）
但有时候AI给的代码是错的，要仔细review

现在的配置（2025）#

插件列表（47个）#

开发必备：

ESLint, Prettier
TypeScript Importer
Auto Import

Git相关：

GitLens, Git Graph, Git History

效率工具：

Copilot, Copilot Chat
Todo Tree
Project Manager
Bookmarks

UI美化：

Dracula Official
Material Icon Theme
Fira Code字体

语言支持：

Python, Go, Rust, Vue, React…

其他：

Thunder Client
REST Client
Code Runner
Live Server
Markdown All in One
YAML, TOML, JSON…

settings.json 节选#

1
{
2
  "workbench.colorTheme": "Dracula",
3
  "editor.fontFamily": "'Fira Code', Consolas",
4
  "editor.fontLigatures": true,
5
  "editor.fontSize": 14,
6
  "editor.formatOnSave": true,
7
  "editor.defaultFormatter": "esbenp.prettier-vscode",
8
  "git.enableSmartCommit": true,
9
  "github.copilot.enable": {
10
    "*": true
11
  },
12
  "todo-tree.general.tags": [
13
    "TODO", "FIXME", "HACK"
14
  ]
15
}

配置同步方案#

解决了换电脑重装的问题：

方案一：Settings Sync#

VSCode自带，开启后会自动同步：

设置
插件
快捷键
代码片段

缺点：偶尔抽风，同步不及时。

方案二：Git仓库#

把自己的配置放到GitHub：

1
# 导出配置
2
code --list-extensions > extensions.txt
3
cp ~/Library/Application\ Support/Code/User/settings.json .
4

5
# 提交到GitHub
6
git add .
7
git commit -m "update vscode config"
8
git push

新机器一键安装：

1
cat extensions.txt | xargs -L 1 code --install-extension
2
cp settings.json ~/Library/Application\ Support/Code/User/

配置哲学#

五年下来，我的理念变化：

从 “越少越好” 到 “够用就行，多点也无妨”

理由：

电脑性能过剩，多几个插件不影响
插件生态是VSCode的核心竞争力，不用浪费
时间比启动速度值钱

但也不盲目装插件：

不装功能重复的
不装一年没用的
定期清理（季度大扫除）

最后的话#

编辑器配置是很私人的事情。

没有”最好”的配置，只有”最适合你”的配置。

我的配置不一定适合你，但希望能给你一些灵感。

花点时间打磨工具，长期来看是值得的。

毕竟，程序员每天要对着编辑器8小时。

你的VSCode装了多少插件？欢迎在评论区分享你的配置。