Excalidraw是什么?

Excalidraw 是一款开源的虚拟白板工具,主要用于创建具有手绘风格的图表、流程图、线框图等。它最大的特色是让数字绘图看起来像是在白板或纸张上自然手绘而成,兼具亲切感和专业度。Excalidraw非常适合追求快速、直观、协作友好且具有独特手绘美学风格的绘图场景。如果你是一名开发者、产品经理、教师,或需要在团队中进行频繁的视觉化沟通,那Excalidraw会是一个极具吸引力的选择。图片来源于官方
图片来源于官方

在线内容

官方地址
官方提供了一个小型的在线demo,可体验。

本地部署

更多时候,为了确保文件保密可靠,我们会选择本地部署。以windos桌面系统为例进行安装,一下为详细步骤。

获取Excalidraw源码

你可以从github上获取主线的源码包。传送门

安装NodeJS

访问地址直接下载(需注意下载最新版本,避免后续版本问题需要处理):https://nodejs.org/en/
安装过程无额外动作,一直点击下一步,直至安装完成即可。

安装yarn

NodeJS安装完毕以后,通过cmd命令打开命令提示符窗口,然后执行命令
npm install -g yarn,安装完成后。继续执行命令安装依赖项:yarn

启动Excalidraw

将下载好的Excalidraw源码在本地进行解压。在解压后的文件夹中运行cmd命令,打开命令提示符窗口。(或者打开命令提示符窗口,然后切换到解压后的文件夹路径),执行命令:yarn start

本地测试

启动成功后,可以通过浏览器直接访问 http://localhost:3000 端口的Excalidraw服务。

效果展示图

在这里插入图片描述

更多推荐