Dev SetupVSCodemacOS 2026-05-12 10:00 3 min read

VSCode 重装快速配置指南

重装系统或换设备后，VSCode 总能让人装半天插件。这里记一份清单，下次照着点就行。

插件清单

在扩展商店直接搜名字即可安装。共 21 个。

插件名称	用途
`Chinese Language Pack`	中文语言包
`CodeLLDB`	Rust 调试器
`Even Better TOML`	对 .toml 文件的支持
`Material Icon Theme`	好看的文件图标主题
`One Dark Pro`	好看的 VSCode 主题
`rust-analyzer`	Rust 语言分析与补全
`Error Lens`	错误提示内联到当前行末尾
`Auto Close Tag`	自动关闭 HTML/XML 标签
`Auto Rename Tag`	自动同步重命名前后标签
`ESLint`	JavaScript / TypeScript 代码检查
`HTML CSS Support`	HTML 中的 CSS 补全支持
`JavaScript (ES6) Code Snippets`	ES6 代码片段
`Live Server`	本地开发服务器，即时预览
`Open in Browser`	右键在浏览器中打开 HTML
`TypeScript Vue Plugin (Volar)`	Vue 中 TypeScript 支持
`Vue Language Features (Volar)`	Vue 语法高亮与智能提示
`Vue VSCode Snippets`	Vue 代码片段
`XML Tools`	XML 格式化与校验
`PlantUML`	文本绘图工具
`Host Language`	hosts 文件语法提示
`Rainbow CSV`	CSV 文件列颜色区分

settings.json

打开命令面板（Cmd+Shift+P）→ Preferences: Open User Settings (JSON)，粘贴以下内容：

{
  "workbench.iconTheme": "material-icon-theme",
  "editor.mouseWheelZoom": true,
  "workbench.colorTheme": "One Dark Pro",
  "editor.inlayHints.enabled": "offUnlessPressed"
}

material-icon-theme — 文件图标，一眼辨认文件类型
mouseWheelZoom — Cmd+滚轮 缩放字号
One Dark Pro — 经典暗色主题
offUnlessPressed — 默认隐藏行内提示，按 Cmd+Option 才显示