VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)

5,658 阅读2分钟

前言

天天跟代码打交道,
这一年下来我也收集了部分好玩的插件,
至少我觉得改善了我的编码体验~
有兴趣的可以瞅瞅~~

插件集列表

拓展名及链接描述
File Suggest改善typescript下编码的文件引入提示,用的还不错
JS/TS Biscuits这个有点意思,方便我们定位代码块,在闭合端就能感知到!
Bracket Lens这个和上面有点类似,但是又有一些差异,很棒的体验~
Parameter Hints这个可以把参数类型显性出来,更有IDE的感觉了,
我很喜欢这个插件(TS&JS都支持)
Separators这个也是方便快速定位的,函数区域块一目了然~用过的都说好
Template String Converter这个节省了我不少编码时间,简直必备~
Package.json Helper可以快速定位到包的位置以及npm的仓库位置,省了不少时间
Microsoft Edge Tools for VS Code目前用edge来作为主力开发,同步什么贼方便,也是chromium内核~~这个扩展就是适配edge浏览器debug的 
javascript console utils我喜欢这个给我包裹的console添加随机色和emoji,在控制台很清晰就能看到,也能一键清除所有console
CSS Initial Value用来感知css默认样式,大大节省了时间,有些时候不用特意跑去MDN
Colorful Comments这个很有意思,可以自定义高亮关键字,也天然支持TODO

主题推荐

主题名及链接体验
Legendary Dark传说黑骑士~~换个说法,超神范!我觉得很舒服~
Winter is Coming Theme和上面相比,这个提供的暗色风比较多,有些很柔和~

效果图

我当前的编码界面,如图~~
image.png

总结

希望能改善各位小伙伴的编码体验~
有不对之处请留言,会及时修正,谢谢阅读