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

news/2024/7/19 14:20:54 标签: js, html, javascript, css, 数据可视化
htmledit_views">
html" title=js>js_content">

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

不只是 markdown

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

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

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

  2. 生成 PPT

生成各种图

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

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

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

生成 PPT

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

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

更牛逼的流程图

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

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

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

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

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

最后

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

◆ ◆ ◆  ◆ ◆
长按关注小生

你的在看我当成喜欢


http://www.niftyadmin.cn/n/1252159.html

相关文章

matlab 函数返回一个值,matlab学习笔记13_1 函数返回值

一起来学matlab-matlab学习笔记13函数13_1 函数返回值觉得有用的话,欢迎一起讨论相互学习~Follow Me函数返回一个值返回值不必使用return语句,而是直接将需要返回的变量或矩阵写在function后面function 返回值/返回矩阵该函数文件名(参数1,参数2&#xf…

图像直方图提取 matlab,跪求:matlab 直方图特征值求图像间相似度的程序~

看看这个吧希望有帮助!clear allclose allclc%计算图像的梯度[I,map]imread(C:\Users\Administrator\Pictures\12345.jpg); %读入图像imshow(I,map); %显示原图像Idouble(I) %转换为double类型[Gx,Gy]gradient(I); …

真正能让效率翻倍的 VSCode 插件

VSCode的插件生态太繁荣了,常用的几乎所有需求都可以通过插件去解决,甚至会有非常多的娱乐插件.比如,用VSCode听歌用VSCode刷题当然,以上的插件我都没下载,纯属娱乐.VSCode插件推荐版本管理插件1、GitLens: 虽然VSCode内置了Git版本管理工具,但是依然不够强大,比如不能比较comm…

matlab subsindex函数,matlab - 没有为类“ struct”的值定义函数“ subsindex” - 堆栈内存溢出...

我正在使用matlab来解决经济学中的简单模型。 但是我遇到了一个错误没有为类“ struct”的值定义函数“ subsindex”当我运行最后一行代码时。omegamkt_share(Par,w,Grid);当我在到达最后一行之前在代码中反复调用此函数时,它似乎连接了我,它工作正常。 …

你可能不知道 JSON.stringify() 的这些妙用

1.用来调试对象我们先来看看下面这个代码在控制台中输出什么//Initialize a User object const user { "name" : "蔡生", "age" : 26 } console.log(user); // [object Object]看!console.log()没有输出我们想要的结果。它输出了[ob…

mysql创建服务器对象,使用navicat建立与服务器的远程mysql连接

这里举例服务器的ip:192.168.16.98;客户端的ip:192.168.61.201具体的机器的ip请对照更改即可附 mysql 重启的命令启动mysql命令:sudo /etc/init.d/mysql start停止mysql命令:sudo /etc/init.d/mysql stop重启mysql命令:sudo /etc/init.d/mysq…

推荐一位实力超强的平安前端算法大佬:瓶子君

今天给大家推荐一位平安大佬:前端瓶子君,一个专注于前端开发的小瓶子,五年大厂开发经验,掘金优秀作者。「前端进阶算法」系列是她4月初发起的活动,从 0 到 1 构建完整的前端数据结构与算法体系。这是一个专注于前端算法…

matlab伪随机码,Matlab生成M序列的伪随机码

图3.5 线性反馈移位寄存器MATLAB生成M序列伪随机码函数如下:% 在MATLAB命令窗口输入以下: % fbconnection[0 1 1 0 1 0 0 0 0 0 0 0 0 0 0% 1];本原多项式系数:[d0,d1,d2...di];其中di为本原多项式前的系数% mseqm_sequence(fbconnection); % mseq%m_seq…