Scratch GUI源代码的开发指南

声明

这篇文章翻译自[LLK团队Scratch GUI入门指导]

#目录

#介绍

#回购协议

#预先要求

#获取虚拟机分岔

#具体(Windows)命令

---

#介绍  

    Scratch GUI，也称为即将发布的Scratch 3.0编辑器，源代码在[Scratch GUI的Github项目链接].

    Scratch编辑器是由多个repo模块化构建的。每个回购协议都可以独立，但出于开发目的，您可能需要同时在多个回购协议中进行相关更改。本指南介绍了如何链接回购协议。

    #回购协议

    你可能不需要所有的回购协议。克隆您正在处理的问题的回购协议，并根据需要克隆和链接其他回购协议。

主要有：

GUI-基于React的前端

scratch-vm分支

scratch-paint分支

渲染器-舞台区域中出现的基于WebGL的处理程序

scratch存储scratch音频。

scratch音频

#预先要求

    节点8（例如brew安装节点）

    如果您有多个版本的Node，则可以在Mac或Windows上使用nvm在它们之间切换[NVM链接]在Windows上

Git（例如brew安装Git）

已设置SSH密钥的GitHub帐户

获取GUI

做一个积木

git将您的fork和cd克隆到其中

git clone https://github.com/LLK/scratch-gui.git

git配置分支。发展远程上游（开发将是从官方回购协议中引入变更的地方）

npm install-获取依赖项

npm start-启动热重新加载的本地服务器

打开http://localhost:8601

#获取虚拟机分岔

1. git将您的fork和cd克隆到其中
2. git远程添加上游https://github.com/LLK/scratch-vm.git
3. git配置分支。发展远程上游（开发将是从官方回购协议中引入变更的地方）
4. npm安装-获取依赖项
5. npm run watch-启动本地服务器，并在其发生变化时通知gui重新加载
6. 不使用图形用户界面的游乐场http://localhost:8073/playground/
7. 与虚拟机渲染、音频等过程相同。
8. scratch积木略有不同
9. 用scratch积木做fork
10. git将您的fork和cd clone到其中
11. git clone https://github.com/LLK/scratch-blocks.git
12. git配置分支。发展远程上游（开发将是从官方回购协议中引入变更的地方）
13. npm安装-获取依赖项--如果遇到错误“Closure not found”，请按照scratch blocks wiki上的说明安装闭包库。
14. npm链路
15. 与npm run watch不同，您需要在每次更改应反映在GUI中的临时块时运行npm run prepublish，然后进行硬刷新。（无热重新加载）
16. 不必运行服务器进行测试，只需打开file:tests/vertical_playground.html在浏览器中
17. 链接回购
18. cd依赖项回购并运行npm链接
19. cd打开GUI并运行npm链接<dependency>

#具体(Windows)cmd命令

                                                    #请注意，这是cmd使用的命令
mkdir scratch

cd scratch

git clone https://github.com/llk/scratch-gui        #如果对项目进行更改，请检查您的副本

git clonehttps://github.com/llk/scratch-vm          #如果对项目进行更改，请检查您的副本

git clone https://github.com/llk/scratch-blocks     #如果对项目进行更改，请检查您的副本

cd scratch-vm

npm install

npm link

npm run watch

cd ../scratch-blocks

npm install

npm link

cd ../scratch-gui

npm install

npm link scratch-vm scratch-blocks

npm start

http://localhost:8601