Scratch 3.0二次开发—环境配置

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 环境配置
下载及安装

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

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

构建环境打开scratch 3.0

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

在这里插入图片描述

  • 输入npm install配置环境
    在这里插入图片描述
    虽然警告很多,但可以正常运行(警告可忽略但报错不行哦)

  • 输入npm run start

在这里插入图片描述
在这里插入图片描述

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

在这里插入图片描述
下一节 Scratch 3.0插件添加

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

NidleZ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值