真的假的？vscode 也能画思惟导图？

以前开源的思惟导图库blink-mind的框架基本上写完了。正所谓轮子搞定了，不造出辆车出来溜溜弯怎么行呢，否则怎么知道这轮子是否好使呢。

因而作了这么个vscode的思惟导图扩展，验证下这个库的可用性，另外确实工做中也会用的到这个扩展，后面也会一直投入时间去维护这个插件，让这个插件可以利用vscode独有的功能，实现一些其余思惟导图软件没法作到的功能。比方说：

• 将某段代码和思惟导图中的某个主题项进行关联，点击该主题项中某个连接则自动跳转到vscode 工程里面对应的代码段。
• 将代码里面的TODO 注释项按照必定的格式书写，思惟导图去分析这些TODO 注释，生成有层级关系的todo list 展现。
• 若是工做区里面有不少markdown文件，能够将这些markdown文件和思惟导图主题项的备注进行关联。

话很少说，先上图

界面介绍

主界面：

图太大须要点击查看才能看的更清楚一些

主题选择界面

内置五种主题。而且对于每一个节点的样式也能够经过右侧的样式编辑器进行微调。

样式编辑界面

支持对边框、背景、链接线样式的编辑。

支持对文字样式（字号、行间距、颜色）的编辑。

备注编辑界面

支持对任意节点添加备注

备注的编辑器支持富文本编辑，支持插入代码。选中要编辑的文本会弹出编辑工具栏，编辑体验相似于Medium 网站。

操做介绍

新建导图

Ctrl+Shif+P 打开命令面板，输入Mind

选择Create new mindmap 新建思惟导图

输入新建思惟导图的名称, 比方说我想在当前工做区根目录下的react 子文件夹下新建一个名叫new-mind的思惟导图，输入完成以后敲回车。

系统默认思惟导图文件以.blinkmind做为后缀名。接下来文件会建立好，并自动打开编辑器。

编辑导图

右键任意节点会弹出菜单

也可经过快捷键来进行操做, 另外拖拽操做也是支持的。

聚焦模式

在任意节点的右键菜单中选择点击set as editor root菜单项, 会对该节点进入聚焦模式进行编辑。而且在导图的左上角会出现导航栏，经过导航栏能够返回到任意父节点。

保存导图

点击工具栏上的最左侧的保存按钮，会将缓冲区内容写入硬盘。

下载连接

github.com/awehook/vsc…

其余

何时publish到vscode extention market

目前icon尚未设计好，很是欢迎有兴趣的同窗贡献个icon～～～～～我目前还不怎么会用设计软件，不过也正在摸索，等icon 搞定以后会上传vscode extention market

我本身建立的思惟导图

我本身学习过程当中建立的思惟导图都会放在这个仓库下面 github.com/awehook/min…