此图形积木扩展扩展了一个简单的图形积木。
开始你的图形积木扩展开发时,只需要复制该案例,然后进行修改,再按下面步骤就可以在图形积木的添加扩展。
你的图形积木扩展代码可以放在你自己的仓库,如果想要上线到官方网站,还需要向官方申请,要提交你的仓库地址就可以了。(申请入口暂未开放)
- 克隆
playgrounds-app项目到playgrounds-app文件夹,并完成一次完整编译。
$ git clone https://github.com/BlockCodeLab/playgrounds-app.git
$ cd playgrounds-app
$ bun install
$ bun run build- 进入
playgrounds-app项目文件夹,在/packages/blocks/extensions/路径下新建文件夹example,并对新文件夹进行 git 仓库初始化。
$ cd playgrounds-app/packages/blocks/extensions/
$ mkdir example
$ cd example
$ git init
$ git remote add origin <GIT-URL>
$ git branch -M main- 将图形积木扩展案例文件夹下的所有文件复制到
example文件夹,然后执行编译脚本,得到dist文件夹。
$ cd playgrounds-app/packages/blocks/extensions
$ bun install
$ bun run build- 编译
playgrounds-app项目的blocks模块(只需要编译一次,为了加入图形积木扩展信息)。
$ cd playgrounds-app
$ bun run build:blocks- 运行服务器,用浏览器打开
localhost:3000
$ cd playgrounds-app
$ bun run dev之后对图形积木扩展的开发只需要执行步骤 3(有必须时还需执行步骤 5)就可以在浏览器中查看了。