比如,用VSCode听歌
![2019-09-25-00-05-09 图片](https://static.doc-tr.net/mp-images/a7/a71e6dcff4cc8354452acd52b4db0b59.jpg?)
用VSCode刷题
![2019-09-25-00-06-20 图片](https://static.doc-tr.net/mp-images/12/120cef136b2e32d0774cea1d94a41443.jpg?)
当然,以上的插件我都没下载,纯属娱乐.
VSCode插件推荐
版本管理插件
1、GitLens: 虽然VSCode内置了Git版本管理工具,但是依然不够强大,比如不能比较commit如何阅读差异,而GitLens是内置Git工具的完美代替者.
![GitLens 图片](https://static.doc-tr.net/mp-images/f4/f463d7c0e473751524d93c940d84f61f.jpg?)
2、Git Project Manager: 在VSCode中迅速以git Project为维度打开窗口的神器
![Git Project Manager 图片](https://static.doc-tr.net/mp-images/51/5188e080fba4602f8585c3df4e248339.jpg?)
提示类插件
1、Rainbow Brackets: 非常常用的功能,将括号进行颜色配对,有利于代码阅读,减少低级错误
![各种括号提示 图片](https://static.doc-tr.net/mp-images/b7/b7dde76c8123bfc2d689a98c0e196880.jpg?)
2、Indent Rainbow: 除了括号之外,还有一个影响阅读的就是缩进,恰好Indent Rainbow提供了缩进提示
![缩进提示 图片](https://static.doc-tr.net/mp-images/dd/dd68ea28d57f2359f93e728e9ae2435f.jpg?)
3、vscode-pigments: CSS开发的利器,对应代码将被其颜色渲染
![pigments 图片](https://static.doc-tr.net/mp-images/a5/a53602405c51cac303cc412042dc21bc.jpg?)
4、Import Cost: 它会提示你你引入的npm包的大小,十分有利于管控项目体积
![图片](https://static.doc-tr.net/mp-images/93/934840c027719bf3a69e659c1e44950a.jpg?)
自动类插件
1、Prettier: Prettier名声在外,不多介绍了,代码美化神器,从此告别手动美化.
![图片](https://static.doc-tr.net/mp-images/f2/f2a54006394c17cf432f9ee2033d191f.jpg?)
![Prettier 图片](https://static.doc-tr.net/mp-images/ba/ba96b54706b6ab7edb7229a9f49c0b4d.jpg?)
2、Change Case: 文本转换神器,可以用于转驼峰、大小写转换、下划线转换等
![图片](https://static.doc-tr.net/mp-images/a3/a30a7a1699f98e4bb2085c7d94634d58.jpg?)
![命名转换神器 图片](https://static.doc-tr.net/mp-images/1a/1a8f45331c443d178b434729a5090c54.jpg?)
3、Code Runner: 立即执行代码,支持市面上几乎所有主流语言
![图片](https://static.doc-tr.net/mp-images/d3/d3dce33e2a3c79e528494560caffe09f.jpg?)
文章评论