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安装文件