Scratch 3.0二次开发—环境配置

时间:2024-03-17 11:22:11

Scratch 3.0二次开发—环境配置

什么是Scratch?

Scratch是一款由麻省理工学院(MIT) 设计开发的少儿编程工具,构成程序的命令和参数通过积木形状的模块来实现。用鼠标拖动模块到程序编辑栏就可以了。

Scratch 3.0二次开发—环境配置
Scratch 3.0放弃了Flash,采用了HTML5来编写,HTML5是最新的HTML、CSS和JavaScript的总和。Scratch 3.0不仅仅是重构,也增加了一些积木,比如字符串包含判断、移至最下层等积木。编辑器的外形看起来更加柔美,拖拽积木还有音效,支持多次撤回和恢复。

为什么要使用Scratch 3.0

Scratch 3.0二次开发是指在原scratch基础上为其添加新功能或者做应用。因scratch3.0 源代码开源,所以易于进行二次开发。
其次,其内部功能主要是通过插件实现的,我们可以通过添加制作插件达到我们的目的。

Scratch 3.0二次开发—环境配置
##Scratch 3.0 环境配置
下载及安装

  1. 安装git git官网.
  2. 安装Nodejs Nodejs官网.
  3. 下载网页源代码 scratch 3.0源代码.
  4. 下载编程软件(VS 2017/notepad++据需要下载)

环境配置
在我的电脑界面修改环境变量,添加文件访问路径,即直接访问源代码。

构建环境打开scratch 3.0

  • Win+R打开运行界面,输入源代码对应位置

Scratch 3.0二次开发—环境配置

  • 输入npm install配置环境
    Scratch 3.0二次开发—环境配置
    虽然警告很多,但可以正常运行(警告可忽略但报错不行哦)

  • 输入npm run start

Scratch 3.0二次开发—环境配置
Scratch 3.0二次开发—环境配置

  • 在IE10及以上浏览器中打开http://localhost:8601/,成功打开表示环境构建成功

Scratch 3.0二次开发—环境配置
下一节 Scratch 3.0插件添加