1.CSScomb
![6b23b8f3af2703aa91001648f7322192.png](https://i-blog.csdnimg.cn/blog_migrate/e0f728b0621d021817355225abe1b822.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f370e1cd91edc0f168c5778601b2e638.png)
自动分块排序CSS样式 ,
使用方法:Ctrl+Shift+p ,输入CSScomb进行处理
![66b8af0d67da904e5542e31c2f4dba79.png](https://i-blog.csdnimg.cn/blog_migrate/1351e3761dba2938cc7cb6835eec3c79.png)
![](https://i-blog.csdnimg.cn/blog_migrate/01a28324d7916adbe58a2083818f991f.png)
格式化前
![a5e3e4b6e191e4122d08c4a0d4107425.png](https://i-blog.csdnimg.cn/blog_migrate/41c3b4b1790ef1ed312dc615ef7431dc.png)
![](https://i-blog.csdnimg.cn/blog_migrate/69fd65eb3aa7d85887c95939138ad877.png)
格式化后
2.Prettier - Code formatter
![657e51c396d0862e7eb108aa36572e41.png](https://i-blog.csdnimg.cn/blog_migrate/03af304c04ad2bb9ba77fda69d135bd8.png)
格式化代码,很好很好用的插件,支持前端三大件
3.Polacode-2022
![68809c7c368edf2cd8b3d408dd1d3de5.png](https://i-blog.csdnimg.cn/blog_migrate/47a43269de26a565cfa49b99158df987.png)
代码截图软件
使用方法:Ctrl+Shift+p ,输入Polacode进行处理
![4a87a09f533ba56de186e8ba140e1deb.png](https://i-blog.csdnimg.cn/blog_migrate/cf698161300e5a796124a4b8a8f78c66.png)
![debc1a2b3fa3c1e84621a4cf55b5c9a5.png](https://i-blog.csdnimg.cn/blog_migrate/6cd73503b7afa82971b40aedd59c6bd7.png)
4.indent-rainbow
![4da5863e8553f986a6a3698de3a1a378.png](https://i-blog.csdnimg.cn/blog_migrate/924033419a1f4b308bfacbca26ee9f9e.png)
代码标签闭合区间同色,安装完后既可以自动使用
![431c0f9abc2098e9eb62e6b4882c95bc.png](https://i-blog.csdnimg.cn/blog_migrate/e59f7acb204990ef792ad5bac259d92d.png)
5.koroFileHeader
![18507daa61c32dd1b54b9d4d05fca8ab.png](https://i-blog.csdnimg.cn/blog_migrate/9246e5f5255dbcbd78c96cd41d0e1a1b.png)
用于生成文件头部注释和函数注释的插件,支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!
图案注释:Ctrl+Shift+p ,输入codeDesign
![74037290c41c503a495a5a0fea146d58.png](https://i-blog.csdnimg.cn/blog_migrate/2e8899a7157de6b26298a6b20b511d46.png)
任意选择一种,如:
![05de7710ddc2f5bc7bd2d306bfe3c32c.png](https://i-blog.csdnimg.cn/blog_migrate/533fdc742c8bf45f8e33dcb273eb4d7f.png)
头部注释:Ctrl+win+i
![57c7cd65ecac86e1bf99a2421dad04a8.png](https://i-blog.csdnimg.cn/blog_migrate/08755fba8543cd88316dc34832c46681.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5fe6221c120655fa0c515e609324717d.png)
函数注释:鼠标放在函数前:Ctrl+win+t
![a66c2afcc596f72100ff089309b71132.png](https://i-blog.csdnimg.cn/blog_migrate/eb9742ae1500418c1a148599a0f6a536.png)
![](https://i-blog.csdnimg.cn/blog_migrate/6a41dbaf7b544b2988c34076eee5d954.png)
6.ProjectManager
![3d4a5066aef24318ddc6fc5a0a8f86c8.jpeg](https://i-blog.csdnimg.cn/blog_migrate/32a15d709e470c4ce0314e9ae9d2e621.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/e92969639a7e9cb02f875d7c900f5fba.png)
安装完后,左侧工具栏出现文件夹
![4cdba33ae78ae3c8e45baf25a70dabd8.jpeg](https://i-blog.csdnimg.cn/blog_migrate/e3bf937ba04540fbd5b3567bebd87480.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/8a43eaf141a3430075735bde6a7f9e6b.png)
安装后工具栏
![146a03ac95141f68653a8272366cae48.jpeg](https://i-blog.csdnimg.cn/blog_migrate/1930289219f8d01708b3a369e65066cb.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/8c4a890d40941d56cdf27a3fac914508.png)
保存项目至列表
![4a646b65b3d0f154d5890797590240db.jpeg](https://i-blog.csdnimg.cn/blog_migrate/14807faa84c6c7f3c09f094b4204437d.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/dca205e0fbb4ceef07482b045dd14037.png)
给项目加标签
![371fa9655f154fe4f9a8ab882c09421a.jpeg](https://i-blog.csdnimg.cn/blog_migrate/b110b60bde26636df82802a770f695fb.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/da62056dca48f5eec781d597f050e142.png)
选择要归入的标签
![3e0ccd95ea352eed33aa1c90aebe2c8e.jpeg](https://i-blog.csdnimg.cn/blog_migrate/c88a5ec971a24fb87755ec55e041aa56.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/9b3be35875c093db72c55f3f3b1b03f6.png)
最终归入状态