尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

快速上手 Excalidraw 手绘虚拟白板:安装、部署与高频操作

快速上手 Excalidraw 手绘虚拟白板:安装、部署与高频操作 快速上手 Excalidraw 手绘虚拟白板安装、部署与高频操作【免费下载链接】excalidrawVirtual whiteboard for sketching hand-drawn like diagrams项目地址: https://gitcode.com/GitHub_Trending/ex/excalidraw产品评审、架构讨论里随手画流程图、线框图是日常需求但白板笔和截图没法留档、也没法改。Excalidraw 是一款开源的手绘风格虚拟白板自带无限画布、实时协作和多格式导出从拉取源码到本地跑通几分钟就能完成。能力速览这块白板能干什么能力说明无限画布无页面边界自由平移缩放实时协作分享链接后多人同屏编辑多格式导出PNG、SVG、.excalidraw 等格式任选手绘风格线条带草图抖动适合流程图、线框图与创意草图装起来从裸环境到白板启动动手前确认三样东西Node.js 14.0 或更高版本、npm 或 yarn、本地已装好 Git。拉源码。在任意空目录执行git clone https://gitcode.com/GitHub_Trending/ex/excalidraw cd excalidraw跑完后本地出现excalidraw目录里面能看到packages、excalidraw-app等子目录说明源码到位。装依赖。项目根目录执行yarn install换成npm install也可以。命令正常结束、没有报错输出依赖树就算就绪。启动开发服务器。yarn start浏览器打开http://localhost:3000能看到欢迎界面即代表本地 Excalidraw 虚拟白板已跑通。卡住了两个高频问题怎么修依赖安装失败现象yarn install中途抛错退出原因本地包缓存损坏修复清掉缓存重装npm cache clean --force npm install端口被占用现象启动后默认 3000 端口打不开页面原因机器上别的进程占着 3000修复换个端口再起一次PORT3001 npm start部署上线与高频快捷键要发到服务器在项目根目录执行构建npm run build构建结束后产物落在build目录里是一组可直接部署的静态文件丢给任意静态服务器即可对外提供。日常画图绕不开 4 个快捷键快捷键作用Ctrl/Cmd Z撤销Ctrl/Cmd Shift Z重做Ctrl/Cmd C复制选中元素Ctrl/Cmd V粘贴元素想改界面观感去 主题样式文件 调整深浅色配色本地化语言包目录 放的是全部语言文件按需增改即可。更多细节可以翻 开发文档 和仓库社区遇到问题先搜一遍已有 issue 再提问。【免费下载链接】excalidrawVirtual whiteboard for sketching hand-drawn like diagrams项目地址: https://gitcode.com/GitHub_Trending/ex/excalidraw创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表