VS Code 必备扩展和配置:打造完美的开发环境
基础效率扩展(必装 8 款)
GitLens:Git 超级增强,行内显示最后一次提交的作者和时间、文件历史可视化、代码作者统计。Prettier:代码格式化,保存时自动格式化,支持 JS/TS/HTML/CSS/JSON/Markdown 等。ESLint:JavaScript/TypeScript 代码质量检查,实时标出潜在错误和风格问题。Auto Rename Tag:修改 HTML 开始标签时自动同步修改结束标签。Path Intellisense:输入文件路径时自动补全。Code Spell Checker:拼写检查(连变量名和注释也不放过)。Better Comments:注释高亮——TODO 橙色、FIXME 红色、NOTE 蓝色,一眼区分注释类型。indent-rainbow:缩进彩虹色,深度嵌套代码不再头晕。
语言专用扩展
Python:Python(微软官方,含 Pylance 语言服务器,类型检查和智能补全极其精准)、autoDocstring(自动生成函数文档字符串)。前端:Tailwind CSS IntelliSense(Tailwind 类名自动补全和预览)、Thunder Client(轻量 API 测试,Postman 替代品,数据存在本地 JSON 文件)、ES7+ React/Redux/React-Native snippets。Rust:rust-analyzer(官方推荐,比 RLS 快得多)。Go:Go(谷歌官方)。
主题与外观
推荐暗色主题:One Dark Pro、Dracula Official、Catppuccin、Tokyo Night。字体:JetBrains Mono(连字 Ligature 支持,免费开源,编程专用)。图标主题:Material Icon Theme。设置文件图标和文件夹图标,让侧边栏不再是一排排黄色文件夹。
settings.json 推荐配置
{
"editor.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
"editor.fontLigatures": true, // 连字:!= 显示为 ≠
"editor.formatOnSave": true, // 保存时自动格式化
"editor.minimap.enabled": false, // 关闭小地图省空间
"workbench.colorTheme": "One Dark Pro",
"workbench.iconTheme": "material-icon-theme",
"terminal.integrated.fontSize": 13,
"files.autoSave": "onFocusChange" // 焦点切换时自动保存
}远程开发
Remote-SSH 扩展让你在 VS Code 中像编辑本地文件一样编辑远程服务器上的文件。配置 SSH 连接后,侧边栏文件树直接显示服务器目录,Ctrl+P 搜索的是远程文件,终端打开的也是远程 Shell。Remote-Containers 扩展连接 Docker 容器开发,保证团队开发环境完全一致。WSL 用户装 Remote-WSL 后,VS Code 无缝运行在 WSL 环境内。
VS Code:
💬 暂无评论