最近整理了一下觉得好用并且使用频率比较高的vscode插件。
1. Emmet插件
示例： 快速生成5个class为item的li标签，并且内容文本填充为3个单词
代码：ul>li*5.item>lorem3
代码讲解：
- " > ": 生成子元素；
- " * ": 需要生成的数量;
- " . ": 元素的class
- " lorem ": 乱数假文，就是生成随机的单词，后面跟上数量表示生成对应的数量单词
效果图：
2. Image preview插件 快速浏览图片
在vscode扩展商店下载一下名为“Image preview”的插件。这个插件可以很方便的同步帮我们预览使用的图片。
效果图：
3. Live Server插件 实时刷新服务
通常情况下，我们对代码进行修改或写一些新的东西时，需要手动刷新页面以看到这些变化。那么就会很麻烦，这个时候Live Server可以很好的帮我解决这个问题。
下载好插件以后，下方会有一个“Go Live”,点击即可启动一个实时刷新的服务，实现同步刷新页面。
效果图：
4. Markdown Preview Enhanc插件 markdown文档预览
很多项目里面我们都有readme文档，或者我们需要自己写文档，这个插件可以很好帮助我们提高阅读和编写文档效率。
效果图：
5. chatgpt插件
下载插件chatgpt插件中文版，无需翻墙，能够在我们敲代码的时候提供快速查询，还是挺方便的。
tip:目前是免费的
效果图：
6. TypeScript Vue Plugin (Volar)
vue3➕ts在默认情况下，引入vue文件会出现告警提示如下
如何解决快速的这个问题呢，那就是下载TypeScript Vue Plugin (Volar) 插件，这也是官方提供的解决方案之一。
使用vue3➕ts的时候，建议都下载并开启这个插件。
7.koroFileHeader 生成文件头部注释和函数注释的插件
这个插件我最开始用的不是很习惯，感觉有很多不舒服，但是后面用习惯了感觉也还行。
效果图：
8.Code Spell Checker 单词拼写校验
一定非常非常推荐这个插件！！ 对于经常写错单词的我来说，简直是福星，这个插件是之前一个朋友推荐的，非常好用，会及时提示我们单词可能会拼写错误，并且一键修复！！！！
效果图：
有没有很好用，嘿嘿，并且点击一键修复还会自动帮我们把多处使用“错误”单词同步修复。
9. Tabnine AI Autocomplete 自动补全代码
abnine插件会根据你的代码上下文来提供自动补全建议，包括变量、函数、对象属性等。它还能够识别常见的代码模式和语法，以提供更准确的建议还是挺好用的，但是好像现在也有出来一个叫colipt，不过我还没有用过，下次可以试一试
效果图
10. Prettier - Code formatter Prettier是一个流行的代码格式化工具
它可以帮助你自动格式化代码，使其符合一致的风格和规范。
效果图
后续再慢慢补充吧，想到啥写啥