Ubuntu安装excalidraw-cn白板工具

MirrorYuChen
MirrorYuChen
发布于 2024-11-30 / 35 阅读
0
0

Ubuntu安装excalidraw-cn白板工具

0.内容概览

1.安装 Node.js工具

# 1.源码下载
>> wget https://nodejs.org/dist/v16.17.0/node-v16.17.0-linux-x64.tar.xz
# 2.源码解压
>> tar -xvJf node-v16.17.0-linux-x64.tar.xz
>> mv node-v16.17.0-linux-x64 node
# 3.获取node的路径
>> cd node && pwd
/home/mirror/software/node
# 4.将当前路径添加到系统环境变量中
# ~/.bashrc 或 ~/.zshrc
>> vim ~/.zshrc
export NODE=/home/mirror/software/node
export PATH=$PATH:$NODE
# 5.刷新系统环境变量
>> source ~/.zshrc

2.查看 node.js版本

>> node -v
v16.17.0
>> npm -v
8.15.0

3.安装 yarn工具

# 1.安装yarn工具
>> npm install -g yarn
# 2.查看yarn版本
>> yarn --version
1.22.22

4.excalidraw-cn白板工具部署

4.1 excalidraw-cn工程部署

# 1、下载源码
>> git clone https://github.com/korbinzhao/excalidraw-cn.git
# 2、安装相关依赖
>> cd excalidraw-cn && yarn
# 3.启动服务
>> yarn start
Compiled successfully!

You can now view excalidraw in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.31.68:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

webpack compiled successfully
Files successfully emitted, waiting for typecheck results...
Issues checking in progress...
No issues found.

4.2 excalidra-cn工具使用

​ 在浏览器中输入上面打印的访问地址:

本地访问:http://localhost:3000
网络访问:http://192.168.31.68:3000

​ 即可得到下面的页面,并进行绘图操作

5.参考资料


评论