真的假的？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…