讲解插件有:
C# Dev Kit
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
CMake Tools
Codex Accounts Manager
CSS Formatter
ESLint
Git History
HTML CSS Support
HTML Play
IntelliSense for CSS class names in HTML
1. C# Dev Kit
如果你准备在 VS Code 里写 C#,C# Dev Kit 很值得安装。
它可以让 VS Code 的 C# 开发体验更完整,比如项目管理、解决方案视图、测试发现和测试运行等。
简单说,以前 VS Code 写 C# 会显得有点“轻”,装上它之后,会更接近一个正式的 C# 开发环境。
如果你要学习 .NET、写控制台程序、做后端接口,这个插件很实用。
2. Chinese Language Pack
这个插件的名字比较长:
Chinese (Simplified) Language Pack for Visual Studio Code。
它的作用很直接:
把 VS Code 界面变成简体中文。
对新手来说,这个插件非常友好。因为很多人不是不会写代码,而是刚打开编辑器时,被一堆英文菜单、设置和提示劝退了。
装上中文语言包后,命令、菜单、设置页面都会更好理解。
3. CMake Tools
如果你写 C 或 C++ 项目,后面大概率会遇到 CMake。
CMake Tools 就是帮助你在 VS Code 里配置、构建、调试 CMake 项目的工具。
它能让你少敲很多命令,也能更直观地管理构建任务。
如果你只是写简单练习,可能暂时用不上。但如果你开始接触 C++ 工程项目,这个插件会非常重要。
4. Codex Accounts Manager
现在很多人开始在 VS Code 里用 AI 写代码,比如 Codex。
Codex Accounts Manager 的作用,是帮助你管理多个 Codex 账号,查看额度,并切换当前使用的认证配置。
如果你只有一个账号,可能感觉不明显。但如果你经常切换不同账号、不同环境,这个插件会方便很多。
它更适合已经在使用 Codex 的用户。
5. CSS Formatter
写 CSS 最烦的是什么?
不是属性不会写,而是代码越来越乱。
CSS Formatter 的作用就是格式化 CSS 文件。
比如缩进不统一、属性排列乱、括号位置不清楚,都可以通过格式化变得更整齐。
对新手来说,代码整齐非常重要。因为代码越乱,越容易找不到问题。
6. ESLint
如果你写 JavaScript、TypeScript、Vue、React,ESLint 基本绕不开。
它可以帮助你检查代码规范和潜在错误。
比如变量没用、语法不规范、格式不统一、可能存在的问题,ESLint 都能提醒你。
它就像一个代码检查老师,虽然有时候会觉得它啰嗦,但长期来看,能让你写出更规范的代码。
7. Git History
写项目会遇到 Git。
只会 add、commit、push,却不知道怎么查看历史记录。
Git History 可以帮你查看 Git 日志、文件历史,还可以比较不同分支或不同提交之间的差异。
简单说,它能让你知道:
谁改了代码;什么时候改的;改了哪些内容;某个文件以前是什么样。
做项目时,这个插件很有安全感。
8. HTML CSS Support
写 HTML 的时候,经常会遇到一个问题:
CSS 写好了,但在 HTML 里写 class 名时总是记不住。
HTML CSS Support 可以增强 HTML 和 CSS 之间的联动支持,让你写页面时更顺手。
它适合写静态网页、前端页面、模板文件的人。
尤其是 class 名很多的时候,有提示比手敲舒服太多。
9. HTML Play
HTML Play 可以理解成一个 HTML、CSS、JavaScript 的小练习场。
如果你想快速测试一段 HTML 页面、一小段 CSS 效果,或者简单的 JS 交互,不一定非要搭项目。
用它可以更轻松地做小实验。
对刚学前端的人来说,它很适合练手。
比如测试一个按钮样式、一个布局、一个动画,都很方便。
10. IntelliSense for CSS class names in HTML
这个插件的作用很明确:
在 HTML 的 class 属性里,自动提示项目里已有的 CSS 类名。
比如你 CSS 里写了:
.container.card-title.btn-primary
当你在 HTML 里输入 class 时,它会帮你提示这些类名。
这样可以减少拼写错误,也不用来回翻 CSS 文件。
写前端页面时,这个插件非常实用。
最后总结一下
我建议这样装:
想让 VS Code 更容易上手:Chinese Language Pack
写前端页面:CSS Formatter、HTML CSS Support、HTML Play、IntelliSense for CSS class names in HTML
写 JavaScript / TypeScript:ESLint
写 C# / .NET:C# Dev Kit
写 C/C++ 工程:CMake Tools
做项目版本管理:Git History
使用 Codex 写代码:Codex Accounts Manager
VS Code 插件不是越多越好。
真正值得安装的插件,应该能帮你减少重复操作、减少低级错误、减少环境折腾,让你更专注地写代码。
夜雨聆风