ARTICLE · 1042613
VS Code插件推荐补充篇:前面推荐过一批,这次把新增插件一次补全
前面我已经整理过一篇VS Code插件推荐,分享了自己学习前端、Vue和Java项目时常用的工具。最近继续调整开发环境,我又补充了一批插件。它们都在解决具体问题:代码补全、路径提示、标签修改、页面预览、Vue开发、文件管理、快捷键迁移,以及AI辅助。
这篇就把新增插件集中补完,后面换电脑或重装VS Code时,也能直接照着这份清单配置。
1.HTML CSS Support

增强HTML里的CSS支持,例如类名提示、样式补全。页面class变多后,可以减少来回查名称和拼写错误,对前端初学者很实用。
2.JavaScript(ES6)code snippets

提供常见ES6代码片段,像import、export、箭头函数、类等都能快速生成。作用不只是少打字,也能让常见结构写得更快。
3.Mithril Emmet

主要为Mithril相关开发补充Emmet式缩写能力。如果项目涉及Mithril,可以减少重复结构代码输入;如果完全不用,就没必要安装。
4.Path Intellisense

写import、require、图片或组件路径时自动提示目录和文件名。项目层级一深,它能减少路径写错带来的报错。
5.Vue 3 Snippets

提供Vue 3常用代码片段,适合快速生成组件结构和常见语法。对于正在熟悉Vue 3的人,可以减少重复输入。
6.Auto Close Tag

输入HTML、XML等标签时自动补全结束标签,在部分文件环境里可以让标签编辑更顺手。
7.Auto Rename Tag

修改开始标签时,结束标签会同步修改。例如把div改成section,不用再手动找另一半,能避免漏改。
8.open in browser

适合静态HTML页面,一键在浏览器打开当前文件。做简单页面练习时,不用每次进入文件夹寻找HTML。
9.Live Server

可以启动本地开发服务器,HTML、CSS、JavaScript保存后浏览器自动刷新。边写边看效果,比反复手动刷新顺畅很多。
10.Vue (Official)

Vue官方提供的VS Code扩展,负责Vue单文件组件的语法支持、类型提示和代码导航。做Vue 3项目时,这是更建议优先安装的核心插件。
11.File Utils

用于快速创建、复制、移动、重命名和删除文件。项目文件变多后,很多操作可以直接留在编辑器里完成。
12.IntelliJ IDEA Keybindings

如果平时Java主要用IDEA,再切到VS Code,快捷键差异很容易打断习惯。这个插件让VS Code尽量采用IDEA快捷键逻辑,降低切换成本。
写在最后
我现在越来越觉得,VS Code插件不是越多越好,而是要知道每一个插件解决什么问题。
这些插件分别覆盖路径、标签、预览、Vue开发、文件管理、快捷键迁移和AI辅助。前面那篇推荐加上这次补充,基本形成了我目前比较完整的一套VS Code插件清单。
以后再新增,我也只会留下真正能提高开发效率的工具。