Whidy Writes

高效前端开发 - Visual Studio Code插件篇(2)

发布于:(更新于:

高效前端开发 - Visual Studio Code中提到的部分插件,如今很多都发生了变化,另外也有一些新的插件出现了。这里作为补充篇,仅供大家参考~

插件推荐

  • Thunder Client:几乎可以取代Postman的一个内置Rest API客户端工具,基于Http Client
  • Highlight:强大的自定义高亮代码块插件。可以取代Color Highlight,理由是后者仅支持十六进制的色彩表达方式来显示颜色,并且作者多年未维护了,未来存在一定兼容性风险。
  • HTML End Tag Labels:在嵌套了非常多层的 HTML 代码中,你很难判断闭合标签对应的是哪一个对应的tag,而很难快速准确的在中间插入某些tag,可以试试这个了~
  • Image preview:可以在代码中预览引入图片,方便查看,尤其在图片名为xx-01.jpg, xx-02.jpg的时候,经常搞不清。

可选的插件

  • Path Intellisense:其实跟之前文章提到的Path Autocomplete大同小异,看个人喜好啦~
  • Settings Sync:新的VSCode内置了微软的同步能力,那么这个插件也可以根据个人需要来安装啦。
  • Tailwind CSS IntelliSense:如果你的项目也用到TailwindCSS这个CSS框架,那是强烈推荐的,比如你正在看的博客就是基于它编写的。
  • Snippet:如果你经常自己创建代码Snippet,这个非常重要。
  • Tabnine:被称之为神一样的只能提示插件,看看他们的官网就知道了,不过我没装嘻嘻嘻。

不推荐的插件

Auto Rename Tag:这个插件后来在 2020 年下半年,似乎修复了 CPU 占用率过高的问题,然而,我再去查了一下,似乎还存在其他的问题,比如修改标签时,撤销功能无法同时修改闭合标签等,最近的评价褒贬不一,所以我决定依旧不推荐使用。

总结

反正VSCode的插件,尽可能根据个人需要,项目需要进行开启或关闭,务必弄清楚每个插件的用途,这样才能更高效的开发!

avatar

whidy

一名爱折腾的前端开发工程师,喜欢打篮球和分享 ฅʕ•̫͡•ʔฅ