vscode插件推荐(个人使用)_vscode react插件

前言

现在市面上的vscode推荐五花八门，八成的推荐都是cv出来的，毫无任何的意义，所以在这里自己整理一份属于自己的vscode插件推荐，可以给各位难兄难弟一点小小的建议
以下插件顺序不分先后，纯粹靠vscode给我默认的排序写上去的

正文

1.Debugger for Chrome
这个插件可以在vscode打开html页面到谷歌浏览器
装上之后是这个样子的

2.Rainbow Fart（彩虹屁，可有可无）
想不想享受敲代码的时候被夸666，里面内置几种语音包可以有任何你想要的发音（据说还有郭德纲版本的）
当你打出一个function或者if的时候就会开始夸你
装好之后在这里启动，会开启一个浏览器新标签页，然后会监听你的键盘事件去触发浏览器播放音频

3.微信小程序开发工具
提供模拟器、预览、打包上传、代码补全、语法高亮、项目模版等功能
主要看它这个插件的介绍就明白这个插件怎么用了
4.微信小程序扩展

4.小程序开发助手
支持 js，json，wxml 文件的代码提示
wxml 文件语法高亮
5.小程序自定义组件标签跳转到文件
这个插件很有用，装上之后小程序就可以按住alt键跳转到对应的地址


6.雪导的四个插件

这里面已经集合了大部分的插件功能比如说字体发光，代码补全等等等等功能，反正很吊就对了
7.any-rule
你所需要的正则大全比如

直接一键生成，非常滴银杏
8.Auto Close Tag
顾名思义，自动闭合标签
9.Auto Commit
这个插件很有意思，它可以自定义你提交github的频率，如果足够优秀的话你可以搞出来一些五花八门的提交记录图案比如

插件下面有很详细的使用说明，在此不多赘述
10.Auto Complete Tag
和Auto Close Tag差不多意思自动完成标签
11.Auto Rename Tag
自动重命名标签，在修改标签的第一个单词时，后面闭合的标签单词也会随之改变
12.background

装上她之后，你敲代码的时候会有一个小姑娘趴在你的编辑器后面看着你，分屏的时候还会有不同的小姑娘

可以看到最多支持三个拆分
13.Beautify
这个美化插件功能太多了，不方便11赘述，说一些nb的功能，比如

这种排版方式谁看谁难受

使用。。。格式化里面选择beautify然后会发现嗯？好了美滋滋
14.Better Align
这个也是优化排版问题的，但是这种排版的风格我不是很喜欢所以下载之后就一直扔在库存里吃灰
15.Better Comments
这个插件用来写出更好的注释

16.Bracket Pair Colorizer
神器，无脑安装即可，可以把你平平淡淡的二十连括号改成颜色对称的括号方便阅读，下到就是赚到

17.Auto import
用来智能一键导入模块，亲测写react的时候很爽，在components里面添加一个组件，然后页面内一个import括号里面直接回车就能把你刚才写的组件直接导入

18.code runner
用来本地跑一些代码的插件，面试的时候会很有用，但是我现在用的mac工具里面有个utools上面有个更高级的code runner pro max plus 可以一键生成前端所有的模版，想用哪个用哪个

19.code spell checker
用来校验单词是否拼写正确的插件，如果不正确的话会有个蓝色的下划波浪线，万金油写法当然是驼峰命名法

20.codeif
用来生成一些变量名，取名困难者狂喜，但是我平时都用百度翻译取名

21.codehighlight
在css里写颜色的时候或者vue。react里面写颜色的时候会直接把颜色显示在代码的背景上面，方便观察

22.eslint
这个神器就不多说了，公司内基本都会有一套完整的eslint校验文件用来搭配这个插件

23.file-size(filesize)这两个插件都有用
这个插件主要用于显示当前文件大小，对于普通面向代码开发的开发者一般是用不到，但是如果是需要做工程师或者架构师就非常有必要了，目前我用这个插件主要用处是小程序内，小程序上传限制2m，uniapp打包的时候会自动压缩一遍，到了小程序上传的时候还会压缩一遍，但是有的时候包还是太大，这时候就需要这个插件查看主包和分包打包前文件大小来进行合理的拆分

24.git三连大法(git graph,git history,gitlens)
要是之前的话我还会推荐下gitlens但是后来升级之后我就不会用了，然后上面三个git插件在工作中操作git完全够用，但是请记住插件不能完全代替代码，平时频繁重复操作时再用插件，不然git水平会越来越拉

25.import cost
用来显示导入包的大小和filesize差不多意思，小程序里面用的比较多（主要是小程序限制大小）

26.代码提示之类的就是仁者见仁智者见智了，许多人都给我说过最好不要用代码提示插件啊巴拉巴拉类似的东西，但是我觉得是初期学习肯定是不能要代码提示的，但是后面工作中为了工作效率还是需要装几个的，但是像那种ai智能补全代码的还是算了，第一个代码安全问题，你写的所有代码都会经过他们的服务器，这种风险谁来担保，二是智能推荐之后自己写代码就会跟那坐了了轮椅几十年一样，坐轮椅爽不爽，爽，但是坐完轮椅能站起来就很难了

结语：
插件诚可贵，代码价更高
若为工作故，两者皆可抛

插件是死的，人是活的，并不是插件装的越多越牛逼，合理运用插件反而能起到事半功倍的效果，之前有过一下一百多个插件突然一个报错了，排查一遍下来俩星期过去了后来狠下决心全删然后从头开始，