/vscode-blink-mind

a vscode mindmap extention based on blink-mind (https://github.com/awehook/blink-mind)

Primary LanguageJavaScript

vscode-blink-mind

Visual Studio Marketplace Downloads Visual Studio Marketplace Installs Marketplace Trending Monthly
GitHub last commit GitHub issues GitHub stars Slack Widget

vscode-blink-mind is a extention for create and editing mind map in vscode.

image

Change Logs

v0.0.10

  • Tags manager: now topic can add tags.
  • Improve user experience: navigate to topic will move topic to the left center of the viewbox instead of the center of the viewbox.

v0.0.9

  • Theme editor: now theme can be customized.
  • Remember the location of the last focused topic and when reopen the mindmap it will navigate to the last location.

v0.0.8

  • Search topic by press Ctrl+F or click the search toolbar menu.

v0.0.7

  • This is a beta version, that means it could be unstable. But it provide a powerful feature: Topic can reference each other. Every topic can reference other topics by click the context menu: Set Reference Topics, then select the topics that you want to reference, then click the confirm button. If a topic has some reference topics, you can click the reference icon to open the reference list panel.In the reference list panel, you can navigate to any reference topic just by click it. You also can remove the reference by click remove button.
  • Auto save documents when close the editor panel or exit vscode.
  • When editing the topic content, press ctrl + enter will complete the editing.

Features

  • Infinite canvas size for mind map editing.
  • Markdown editor for topic and topic notes.

image

  • Search topic.

image

  • HotKey support.

image

  • Reorganize the diagram by drag and drop.

image

  • Tags manager.

image

  • Multiple theme and theme editor.

image

  • Every topic's style include font style, border style, link style can be customize.

image

  • Focus Mode, Any topic can be used as the root node of the diagram.You can navigate by the breadcrumbs.

image

  • Add topology diagram as an attchment to the topic, the topology diagram can be edited by the editor.

image

image

Usage Tips

How to create a new mind map?

Run View -> Command Palette or Ctrl/Command + Shift + P, open the command Palette, then input Mind

image

Select Mindmap editor: Create new mindmap

then input the file name.

You can input file name like xxx, that will create a xxx.blinkmind in your opened folder's root.

And you can input file name like xxx, that will create a file with the full path ${currentFolderPath}/xxx.blinkmind. `$ {currentFolderPath} represents the path of the folder you are currently opening.

In addition, you can also input file name like dir1/xxx,that will create a file with the full path ${currentFolderPath}/dir1/xxx.blinkmind.

How to open a mind map file

Now vscode-blink-mind only support .blinkmind and .bm suffix file.

Normally, opening these suffix files will open the Mind Map Editor immediately by default. If the mind map editor is not open, run View -> Command Palette or Ctrl/Command + Shift + P, open the command Palette,then input Mind, image Select Mindmap editor: Start Mindmap editor session

For Developers

Debug

yarn install
yarn build

Then open Launch Extention debug configuration item in the debug panel.

Build vsix package

yarn package