点击在线体验 | 下载离线版

关于本代码库

本代码库的各级目录功能如下：

• docs: 说明文档
• examples/: 扩展开发案例（模版）
  • blocks-example: 图形积木扩展案例
  • editor-example: 编辑器扩展案例
• packages/: 功能子模块，子模块介绍见各自说明文档
  • blocks/: 图形积木编程组件
    • extensions: 图形积木扩展
  • board: 开发板硬件支持库
  • code: 代码编辑器组件
  • core: 核心模块，包含核心全局状态机、标准 UI、主题样式定义等
  • gui/: 基于 Preact 框架的浏览器端图形界面
    • editors: 编辑器扩展
  • paint: 像素风格画图组件
  • sound: 声音编辑组件
  • utils: 工具和第三方公共引用库
  • write: Markdown 文字编辑组件
• public: 静态文件，包含 LOGO、图片、HTML 等
• scripts: 编译打包脚本
• src: 基于 Electron 的 windows/macos/linux 跨平台的应用程序

开始步骤

1. 安装 Bun, Bun is an all-in-one toolkit for JavaScript and TypeScript apps.

2. 克隆 playgrounds-app 项目到 playgrounds-app 文件夹，并完成一次完整编译。

$ git clone https://github.com/BlockCodeLab/playgrounds-app.git
$ cd playgrounds-app
$ git submodule update --init --recursive
$ bun install
$ bun run build

3. 运行服务器，用浏览器打开 localhost:3000

$ cd playgrounds-app
$ bun run dev

开发新的编辑器扩展或图形积木扩展请参考 examples/ 中对应的案例。