vscode绘制mindmap

本节目标：vscode绘制mindmap

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

本节阅读需要（5）min。

文章目录

vscode绘制mindmap
前言
一、脑图的创建
二、绘制操作
- 1.增删节点
- 编辑节点
- 风格格式
- 查找
链接与图片
- 链接
- 图片
总结

前言

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

一、脑图的创建

首先vscode打开一个工作区.

下载并安装这个插件.

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

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

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

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

简洁美观还是很不错的。

二、绘制操作

1.增删节点

脑图一般是树形结构

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

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

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

删除的话del，或者右击

编辑节点

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

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

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

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

优先级

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

完成度同理

风格格式

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

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

查找

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

链接与图片

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

链接

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

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

图片

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

外部链接到时挺快的。

搜索的功能好像不能用。

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

总结

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

祝各位愉快！

巧妙使用vscode绘制mindmap相关推荐

用latex的tikz宏包mindmap包绘制mindmap
效果展示使用Latex绘制mindmap虽然不及Xmind等方便,但是足够灵活,如果耐心调节参数,也可以取得非常好看的效果.这里,使用了tikz宏包绘制了直线型的mindmap,如下图所示: 代码部 ...
VSCode绘制UML类图
目录 1. 简介 1.1 PlantUML 1.2 安装PlantUML 1.3 支持的文件格式 2. 绘制UML类图类之间的关系关系上的标签添加方法定义可访问性 3. ...
用VScode绘制函数调用流程图
在C++编程中有时候需要画出多个class类之间的调用关系,可以使用Visio画UML类图来实现,也可以使用VScode的函数头+箭头来实现.这里介绍使用VScode里的函数头+箭头来绘制调用 ...
MindManager: Draw your own MindMap!
─ 什么是 MindMap ? MindMap 是一种看起来很像树形图的东西,不过比树形图还强力得多(笑). 一般人在记笔记.或规划事情的时候,多半只有两种方法:第一种人像是逐字纪录.听到什么就写下来 ...
excel将数据按某一列值分组并绘制分组折线图
目录一.实现按id分组二.绘制分组折线图今天在处理数据的时候发现了一个很巧妙的EXCEL绘制分组折现图的方法,简单记录分享一下.我的数据大概长这样,我希望实现的目标是根据产品id分组绘制不同产品 ...
Apache安装、配置、卸载
下载安装配置Apache: 1.将Apache官方下载地址:https://www.apachelounge.com/download/,复制到浏览器打开,选择系统支持的版本下载,如: 2.将下载好的 ...
matlab simulink波特图,用simulink画波特图
我们经常会遇到使用 Matlab 画伯德图的情况,可能我们我们都知道 bode ... MATLAB绘制Bode图与Nyqu... 3页 1下载券浅议用Matlab绘制Bode图... 2页 2下载 ...
Free Ur Mind-推荐使用FreeMind工具
什么是MindMap? MindMap(被译成思维导图或心智图)是一种思维工具,由英国的记忆之父托尼-博赞发明. MindMap是一种新的思维模式,它将左脑的逻辑.顺序.条例.文字.数字,以及右脑的图 ...
[思维导图]Free Ur Mind-推荐使用FreeMind工具
Free Ur Mind-推荐使用FreeMind工具什么是MindMap? MindMap(被译成思维导图或心智图)是一种思维工具,由英国的记忆之父托尼-博赞发明.MindMap是一种新的思维模式 ...
UI竟在我身边#2：麦当劳APP
谁V我50请我吃麦当劳? 目录 1 首页 2 顶端刷新动画 3 底栏 3.1 切换动画 3.2 ICON 4 麦麦商城 4.1 爆品推荐 4.2 右上角的小喇叭 5 订单 6 用户 6.1 麦当劳钱包 ...

巧妙使用vscode绘制mindmap