Git Product home page Git Product logo

vscode-blink-mind's Introduction

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

vscode-blink-mind's People

Contributors

awehook avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vscode-blink-mind's Issues

一个想法

能否让思维导图的节点链接到我的其他makrdown笔记上?
使用场景是多篇笔记对应同一个主题,如果能被markdown链接,那么可以更好的做梳理。
感谢作者开发如此好用的plugin!

What is the license of this extension?

I think this extension is interesting, but it has no license. Does this owner would like to add license of it ? in some case, if there is no license, it could not be allowed to use.

Adopt VS Code's 'asWebviewUri' API

Hi, I maintain VS Code's Webview API

Issue

Our telemetry suggests that your extension uses webviews and may be loading resources in these webviews using hardcoded vscode-resource: URIs. These URIs have some important limitations and don't work properly when VS Code is run in a browser. We are also making changes in the desktop version of VS Code that may cause these URIs to not work properly in future versions of VS Code.

While we are making our best effort to continue support existing webview extensions that use vscode-resource: URIs on desktop versions of VS Code, we will not able to fully support all uses cases.

Fix

To ensure that your extension continues to work in as many environments as possible—including on web and remotely—please:

These APIs shipped around 2 years ago so they should be available in all modern versions of VS Code. You can find additional information about the issue here: microsoft/vscode#97962

Let me know if you have any questions about this change

nothing happens

CTRL SHIFT P, select Mindmap editor: create new mind map, name it (simple one word names to test, like web) press enter: and nothing. It just goes away, and nothing happens.

Mac OS Catalina 16GB RAM
VSC Version 1.36.1 (1.36.1)

I really REALLY want to use this.

Text Entry not ready after shortcuts

Running VSCode 1.47.2
Blink Mind v0.0.10

I love the shortcuts that allow you to create new nodes. Goal is to be able to keep typing without having to use the mouse.

There are two issues right now with this:

  1. Sibling Creation. After pressing Enter, the new node that is created already has a line return (starts on second line) and the user must first press backspace before continuing.

  2. Child Creation. After pressing Tab, the new node does not have keyboard focus and the user must use the mouse to explicitly focus the node.

mouse driven?

I assumed that an extension for VS Code would be, well, text/keyboard based, which is what I'm looking for. Is this extension like every other mind mapping tool, totally mouse based?

Feature Request: Handle Arrow Keys

It would be fantastic if the arrow keys could be used as follows:

  • Left: Select Parent (Does nothing if we are on the top parent)
  • Right: Select the last child under the current parent that was previously selected. (Does nothing if current node has no children)
  • Up: Previous Sibling (or the last Sibling if we are on the first)
  • Down: Next Sibling (or the first Sibling if we are on the last)

how to print/export to pdf/html

Hello

I just install the mindmap tool. it helps a lot! Thank you!

One question, is there a way I can print the mindmap into pdf? sometimes need to share the mindmap with colleagues without Visual studio code.

BR,Austin

BUG-0.0.10最新版本异常

VScode版本 1.38.0
系统:windows10教育版,最近更新日期19-11-13
插件版本:0.0.9 正常显示,略有卡顿,功能正常
插件版本:0.0.10 主题切换正常,但是无节点显示,通过修改代码增加节点也无显示,通过右上角按钮也无法添加可以显示的tag。

输入法录入信息不好用

  1. Win10 输入法录入文字时总是中断,
  2. 中断后焦点也不在录入框内,必须鼠标重新定位录入框才可以继续录入

The text in the flowchart is always centered

Hi

This extension is very good. But there are still some problems with it.

  1. The text in the flowchart is always centered. How can I change the text to left aligned?
  2. How to export it as a pdf or another format file to share with my friends?

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.