1. 首页

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

前言

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

插件集列表

拓展名及链接

描述

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

总结

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

作者:CRPER
链接:https://juejin.im/post/6894117368121786382

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

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

链接:https://www.javascriptc.com/4625.html

« Vue 3.0 Ref-sugar 提案真的是自寻死路吗?
React旧版本与React16中生命周期的区别»
Flutter 中文教程资源

相关推荐

QR code