vlambda博客
学习文章列表

VSCode 的这些黑科技 99% 的人都不知道

点击上方蓝字关注 前端真好玩 ,从此前端进阶不再难


VSCode 已经成为大家常用的编码工具了,但是得益于它的插件生态机制,其实 VSCode 能覆盖的面远比你想象中的大得多,今天笔者就来介绍其中一些相当给力的使用场景。

不只是 markdown

首先介绍插件 markdown-preview-enhanced,它的核心功能当然就是用来写 markdown 的,你无需再多下甚至说去购买一个软件,这个插件提供的功能个人觉得已经完全够用了。

接下来笔者要介绍两个这个插件很好用的功能:

  1. 生成各种手绘图、流程图、时序图等
  2. 生成 PPT

生成各种图

我们平时写文档、文章或者 PPT 的时候经常会需要用到一些流程图等等,有时候不知道去哪里能画这些图,有时候可能也懒得打开各种书签,这时候这个功能就可以派的上用场了。

一些很简单的语法你就可以快速生成一个流程图出来,并且省了一些拖拖拽拽的功夫。

除了生成流程图,你还可以生成另外七种类型的格式,有兴趣的可以自行去官网了解用法

VSCode 的这些黑科技 99% 的人都不知道

生成 PPT

每次做 PPT 都是很烦躁的,需要找各种模板、背景,然后调整内容的样式,总之在格式上需要浪费挺多时间,这时候这个功能就能帮助你了。

VSCode 的这些黑科技 99% 的人都不知道

用上这个功能,写 PPT 就和写 markdown 和 HTML 一样简单了,你可以直接通过 CSS 去修改样式,再也不需要找各种按钮来调整样式了。

更牛逼的流程图

draw.io 想必很多读者都拿来用过,画流程图那是一等一的好工具,并且还是免费使用的,很多作者的文章中都有这个工具产出的流程图身影。

现在我们也能在 VSCode 里直接使用这款工具了,并且更加简单方便。

你只要新建一个以 .drawio 为后缀的文件,你就可以直接在这个文件上全套使用 drwaio 的功能了,还不需要网站上那一套初始化的流程,使用过程中完成和网站没有任何的区别。

VSCode 的这些黑科技 99% 的人都不知道

这个还不算完,我们画好流程图一般都是需要拿出来用的,多数情况下需要将文件导出为图片。这个插件直接能让我们画完流程图就立马保存为图片,你只需要将刚才的后缀改为 .drawio.png

VSCode 的这些黑科技 99% 的人都不知道

当然了,如果后续我们发现流程图需要更改,插件也是支持直接修改文件的。

最后

大家如果还在 VSCode 上发现什么提高生产力的工具,欢迎在评论区放出你的宝藏产品。


如果觉得不错,素质三连、或者点个「 」、「 在看」都是对笔者莫大的支持,谢谢各位大佬啦~


- END -




欢迎同仁投稿,扫描下方二维码联系即可

转载同样可以联系下方二维码获取授权