Scratch3.0二次开发-环境搭建以及扩展积木块开发
scratch3.0下载项目
- 项目基于js ES6语法、react框架实现Scratch3.0 需安装Node环境 验证node npm命令能正常使用
- 通过 https://github.com/LLK 访问github，根据需求下载对应项目
image.png - 各项目作用
1. gui 前端展示项目
2. vm 虚拟机可用来扩展积木块
3. blocks 自定义接口
4. www 标准web客户端
5. jr 简单的移动设备客户端
6. Desktop Scratch官方打包windows Mac桌面应用（也可使用Electron自定义打包工具）
扩展积木块使用到Scratch-gui和Scratch-vm两个项目
- 使用git clone两个项目到本地 或者 直接下载两个项目（建议使用git）
Scratch-gui 可独立运行
执行以下命令运行gui项目
- cd scratch-gui-develop
- npm install
- npm start
访问地址 locolhost:8601 查看项目
扩展积木块流程
- 1、运行vm项目
cd scratch-vm-develop
npm link （根据需求，无依赖建议直接执行npm link）
npm run watch （运行 备gui使用） - 2、运行gui项目
新建命令行窗口
cd scratch-gui-develop
npm link scratch-vm （依赖vm虚拟机内容）
npm start （运行项目） -
3、扩展积木块vm项目配置
在vm项目scratch-vm-develop/src/extensions路径下新建扩展文件夹、文件夹下新建index.js
image.png
访问地址
locolhost:8601
打包桌面可执行文件
- 1、下载Scratch-dektop项目
- 2、在scratch-vm项目中执行
npm install
npm link
npm run watch - 3、在scratch-gui项目中执行
npm link scratch-vm （依赖vm虚拟机内容）
npm start （运行项目） - 4、在scratch-desktop项目中执行
npm install
npm link scratch-gui
npm run build-gui
npm start
打开scratch-desktop项目下的scripts->lib->electron-builder-wrapper.js文件将：
if ((targetGroup === 'nsis') && !(childEnvironment.CSC_LINK || childEnvironment.WIN_CSC_LINK)) {
throw new Error(`NSIS build requires CSC_LINK or WIN_CSC_LINK`);
}
注释掉 防止无证书 证书无效
npm run dist
在dist文件中查找exe安装文件
