1.CSScomb
![6b23b8f3af2703aa91001648f7322192.png](https://img-blog.csdnimg.cn/img_convert/6b23b8f3af2703aa91001648f7322192.png)
![](https://img-blog.csdnimg.cn/img_convert/9c7ab2369ef7c7d608a67184dc7d085c.png)
自动分块排序CSS样式 ,
使用方法:Ctrl+Shift+p ,输入CSScomb进行处理
![66b8af0d67da904e5542e31c2f4dba79.png](https://img-blog.csdnimg.cn/img_convert/66b8af0d67da904e5542e31c2f4dba79.png)
![](https://img-blog.csdnimg.cn/img_convert/e3e4ce728fddf4ce4f9c7ceeba39c25f.png)
格式化前
![a5e3e4b6e191e4122d08c4a0d4107425.png](https://img-blog.csdnimg.cn/img_convert/a5e3e4b6e191e4122d08c4a0d4107425.png)
![](https://img-blog.csdnimg.cn/img_convert/0c6c5651218bb288812191753865cc80.webp?x-oss-process=image/format,png)
格式化后
2.Prettier - Code formatter
![657e51c396d0862e7eb108aa36572e41.png](https://img-blog.csdnimg.cn/img_convert/657e51c396d0862e7eb108aa36572e41.png)
格式化代码,很好很好用的插件,支持前端三大件
3.Polacode-2022
![68809c7c368edf2cd8b3d408dd1d3de5.png](https://img-blog.csdnimg.cn/img_convert/68809c7c368edf2cd8b3d408dd1d3de5.png)
代码截图软件
使用方法:Ctrl+Shift+p ,输入Polacode进行处理
![4a87a09f533ba56de186e8ba140e1deb.png](https://img-blog.csdnimg.cn/img_convert/4a87a09f533ba56de186e8ba140e1deb.png)
![debc1a2b3fa3c1e84621a4cf55b5c9a5.png](https://img-blog.csdnimg.cn/img_convert/debc1a2b3fa3c1e84621a4cf55b5c9a5.png)
4.indent-rainbow
![4da5863e8553f986a6a3698de3a1a378.png](https://img-blog.csdnimg.cn/img_convert/4da5863e8553f986a6a3698de3a1a378.png)
代码标签闭合区间同色,安装完后既可以自动使用
![431c0f9abc2098e9eb62e6b4882c95bc.png](https://img-blog.csdnimg.cn/img_convert/431c0f9abc2098e9eb62e6b4882c95bc.png)
5.koroFileHeader
![18507daa61c32dd1b54b9d4d05fca8ab.png](https://img-blog.csdnimg.cn/img_convert/18507daa61c32dd1b54b9d4d05fca8ab.png)
用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!
图案注释:Ctrl+Shift+p ,输入codeDesign
![74037290c41c503a495a5a0fea146d58.png](https://img-blog.csdnimg.cn/img_convert/74037290c41c503a495a5a0fea146d58.png)
任意选择一种,如:
![05de7710ddc2f5bc7bd2d306bfe3c32c.png](https://img-blog.csdnimg.cn/img_convert/05de7710ddc2f5bc7bd2d306bfe3c32c.png)
头部注释:Ctrl+win+i
![57c7cd65ecac86e1bf99a2421dad04a8.png](https://img-blog.csdnimg.cn/img_convert/57c7cd65ecac86e1bf99a2421dad04a8.png)
![](https://img-blog.csdnimg.cn/3540a5e492724f94b66dab1e8e07e937.png)
函数注释:鼠标放在函数前:Ctrl+win+t
![a66c2afcc596f72100ff089309b71132.png](https://img-blog.csdnimg.cn/img_convert/a66c2afcc596f72100ff089309b71132.png)
![](https://img-blog.csdnimg.cn/614bda30a0a349e896bd5dcfc2513e8d.png)
6.ProjectManager
![3d4a5066aef24318ddc6fc5a0a8f86c8.jpeg](https://img-blog.csdnimg.cn/img_convert/3d4a5066aef24318ddc6fc5a0a8f86c8.jpeg)
![](https://img-blog.csdnimg.cn/0dcb74e792724ad4b16116326c408499.png)
安装完后,左侧工具栏出现文件夹
![4cdba33ae78ae3c8e45baf25a70dabd8.jpeg](https://img-blog.csdnimg.cn/img_convert/4cdba33ae78ae3c8e45baf25a70dabd8.jpeg)
![](https://img-blog.csdnimg.cn/703fe6c4eff0412a918259c02d51c057.png)
安装后工具栏
![146a03ac95141f68653a8272366cae48.jpeg](https://img-blog.csdnimg.cn/img_convert/146a03ac95141f68653a8272366cae48.jpeg)
![](https://img-blog.csdnimg.cn/9bf901a069ae482689d6171e69a48d0d.png)
保存项目至列表
![4a646b65b3d0f154d5890797590240db.jpeg](https://img-blog.csdnimg.cn/img_convert/4a646b65b3d0f154d5890797590240db.jpeg)
![](https://img-blog.csdnimg.cn/ff08dcd79d104edf92701a23fb6091e7.png)
给项目加标签
![371fa9655f154fe4f9a8ab882c09421a.jpeg](https://img-blog.csdnimg.cn/img_convert/371fa9655f154fe4f9a8ab882c09421a.jpeg)
![](https://img-blog.csdnimg.cn/94d153a52d634796b4e6840b0e1f4480.png)
选择要归入的标签
![3e0ccd95ea352eed33aa1c90aebe2c8e.jpeg](https://img-blog.csdnimg.cn/img_convert/3e0ccd95ea352eed33aa1c90aebe2c8e.jpeg)
![](https://img-blog.csdnimg.cn/ff663fd439234f4a81987fe200120478.png)
最终归入状态