Cross-platform drawing tool drawio user guide - download installation and common function guide

drawio is a very powerful cross-platform drawing software. It supports all PC platforms, and the bottom layer is implemented with js. Not only that, there are corresponding plug-ins in vscode and idea family buckets. Not a personal project, but a company project.
The official website and github addresses are respectively:
I advise you not to open github, but to open the official website. Because you can't find the window installation package on github.

https://github.com/jgraph/drawio
https://www.diagrams.net/

Download and install the PC client

Open the official website, you can see that there is a desktop download, click on it, and there is a special version of the installation package for all platforms.
insert image description here
insert image description here

Download and install vscode and idea plugins

Both vscode and idea plugins are not provided by the official website. Although the official link is provided, it means that third-party plugins are still recognized. Just search for the drawio keyword directly in the vscode or idea plugin. The authors are both Henning Dieterichs.

software documentation

drawio's official website navigation is very bad. I remember that I could directly find the document entry before, but now it just disappears.
The document address is as follows:
https://www.diagrams.net/doc/

If you have any questions, please read the FAQs first. Documentation does not provide a manual, the content is scattered. I find it very difficult to use. I encountered a problem before. I found that the default color palette cannot customize commonly used colors. I also went to github to ask, and the author told me that it was mentioned in the FAQs... It turned out to be true. The official FAQs were written
as It's the first time I've seen the manual look like this. Maybe I'm ignorant.
insert image description here
The directory structure of FAQS, in fact, it is more appropriate to write this as a manual. If you have any corresponding questions, just come here.
insert image description here

Question about github

The replies to questions on github are very fast, which shows that the author (company) is still very attentive to this project. If you have any problems, you should read the FAQs first. If you can’t solve them, see if others have similar questions on github, and finally ask the author.

common problem

Record some problems I encountered

Modify the default color wheel color

I used it for the first time. I didn’t know the answer was in the FAQS. I went to github to ask questions, and the author gave me the answer. It can be modified in the configuration, the configuration can only be used on the client side, and the plug-in is not allowed. I don't know if it will be supported in the future.
https://www.diagrams.net/doc/faq/configure-diagram-editor

Arrows are hard to drag

By default, the dragging arrow will automatically attach to other shapes, which is very difficult to use. Hold down alt to drag freely.
https://www.diagrams.net/doc/faq/connect-to-shapes-anywhere

Guess you like

Origin blog.csdn.net/ScottePerk/article/details/127490831