Scratch3.0二次开发:(1)环境搭建

时间:2024-01-31 07:51:55

前提:熟练掌握React编程,会安装node开发环境和使用VS Code等代码编辑器。

本系列文章集中讨论Scratch图形化编程平台本身,不多讲基础知识。

好了,正式开始。

 

1.下载源代码

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

2.编辑 package.json

把chromedriver这一行去掉,不然npm install会卡住。

3.安装package

npm install

4.运行

npm start

5.浏览

在浏览器中访问

http://0.0.0.0:8601

没有意外的话将看到熟悉的界面。

 

现在你已经有了一个在浏览器中运行的,可以用【文件】菜单保存和加载Scratch代码项目的单机版Scratch3.0。

6.打包发布

npm run build

将scratch-gui/build下面的内容发布到任何web服务器,将拥有一个可以从网络*问的“单机版”

Scratch 二次开发的重要内容就是建立用户注册和登录系统,以及在云服务器上保存项目文件,以便用任何一台电脑都可以读取和编辑。