亲测跑通 Excalidraw3 条命令开出你的手绘白板【免费下载链接】excalidrawVirtual whiteboard for sketching hand-drawn like diagrams项目地址: https://gitcode.com/GitHub_Trending/ex/excalidraw你正在给评审画第四版架构图线条却怎么也画不自然。换 Excalidraw 这块开源手绘白板试试随便涂都像草图。接下来 5 分钟环境就通了。Excalidraw 欢迎界面标注了开源白板工具的菜单、工具栏与快捷键区域 3 条命令跑通 Excalidraw 环境前置检查名称最低版本检查命令Node.js18.0.0node -vGit任意新版git --version逐条执行先拉代码这条命令把仓库克隆到本地当前目录会多出一个 excalidraw 文件夹。git clone https://gitcode.com/GitHub_Trending/ex/excalidraw然后装依赖。它是个 monorepo说白了就是 yarn install 的加强版会顺手把 packages 下各子包的依赖一起装好等进度条跑完就行。cd excalidraw yarn install接着启动开发服务器vite 默认占 3000 端口还会自动帮你打开浏览器。yarn start确认跑通浏览器弹出 localhost:3000 的页面中间是 Excalidraw 的 Logo 和 Open、Help 两行菜单顶部一排工具图标亮着看到这些就说明环境通了。 花 2 分钟玩两个高频功能画一张手绘风格流程图太工整的图形反而不像草稿评审时大家反而不敢在细节上抬杠。点顶部工具栏的矩形或画笔图标在画布上直接拖线条自带抖动几秒钟就能拖出一张手绘风格流程图。翻出 Stats for nerds画布越画越满想查总共有多少元素、文件多大甚至实时协作绘图时同步的数据体积平时根本无从查起。按 Option/Mac 用户唤出这个面板Scene 一栏是元素数量Storage 一栏是文件体积。Stats for nerds 面板实时协作绘图时用它查画布元素数和存储体积 装依赖卡住两个高频报错的绕行路径Node 版本不兼容yarn install 一上来就报 The engine node is incompatible with this module这是 Node 低于 18 导致的项目硬性要求 18 以上。用 nvm 切到 18 再装nvm install 18 nvm use 18 yarn install安装时 network timeout卡在某个包上最后抛 network timeout多半是默认 npm 源访问慢。切到镜像源再装一次yarn config set registry https://registry.npmmirror.com yarn install现在打开画布从顶部工具栏挑个矩形拖进去再把线画歪一点——歪的才像手绘。【免费下载链接】excalidrawVirtual whiteboard for sketching hand-drawn like diagrams项目地址: https://gitcode.com/GitHub_Trending/ex/excalidraw创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考