巧妙使用vscode绘制mindmap

vscode绘制mindmap

本节目标：vscode绘制mindmap

本节内容：mindmap
本节技术点：vscode,vscode-mindmap插件

本节阅读需要（5）min。

---

---

前言

市面上的脑图软件大部分都是披着羊皮的狼,免费好用的很少.
基本都有广告或者限制.
所以今天介绍一个熟悉的工具vscode.
经过插件也能很好的实现脑图的绘制.比市面上大部分免费版mindmap强.
不过肯定不如那个一年一两千的mindmanager啦…

---

一、脑图的创建

首先vscode打开一个工作区.

下载并安装这个插件.

手动创建一个扩展名为.km的文件

然后右边就可以弹出两个窗口。

一个是类似json的原始文本框。

另一个是交互式的绘制窗口。

简洁美观还是很不错的。

二、绘制操作

1.增删节点

脑图一般是树形结构

选中节点点击右上角的appendchild就可以添加一个孩子。

以此类推可以构建一个简单的树结构。

任何节点都是可以自由拖拽的，十分nice。

删除的话del，或者右击

编辑节点

节点名称直接双击进行编辑。

节点的具体信息，选择菜单中的note进行编辑。

就会出现一个有文件标志的logo。
点击这个节点就会显示具体的内容。

脑图一般的作用是为了形成系统化的思维。
然后体现各个事件的优先级和完成度的。

优先级

选中节点然后点击菜单里面的序号就可以了

完成度同理

风格格式

免费的工具在这方面功能不是很足。
但是一个脑图本来也就应该快速的绘制出来。。。
我相信没人愿意花几个小时排版的。。。

apparance选项下面可以修改整体的风格，和节点自身的属性等。

查找

会搜寻节点的名称，多个目标会跳转，很方便。

链接与图片

mindmanager有一个非常赞的功能及时可以连接各种各样的文本文件。
我们也能变相实现它。

链接

注意链接只接受http和ftp。不能连接本地文件，有点不太好
你可以将自己的各类文档写成md文件上传到博客。然后就有一个http连接了
或者也可以自己开启一个FTP服务，然后把文件上传上去。这对有服务器的小伙伴是个好主意。

或者还有一个比较有意思的。你可以把文件上传百度云。还一边备了一个份。
多好。
添加了连接之后会有一个链接的logo。点击可以跳转。

图片

我想说的是，本地加载的图片一般比较慢，可能要处理一下。有点bug

外部链接到时挺快的。

搜索的功能好像不能用。

但是够了，我们本地有什么好图片呢？不还是下载的。现在给链接就行了。

---

总结

脑图讲究天马行空，不拘一格。但是又错落有致。

祝各位愉快！