一、介绍

Scratch Blocks是Google Blockly项目的一个分支,该项目提供了用于构建创意计算接口的设计规范和代码库。该代码库与Scratch虚拟机(VM)一起,可以快速设计和开发可视化编程接口。与Blockly不同,Scratch Blocks不使用代码生成器,而是利用Scratch虚拟机创建高度动态的交互式编程环境。

Scratch-blocks 与Blockly不同的是,Scratch-blocks样式比Blockly更加友好,同时在样式上分为水平、垂直布局

二、源码获取

我们可以在github获取源码,点这里获取源码,如果github上不去也可以上国内gitee下载,点击这里获取源码。下载后得到压缩包scratch-blocks-develop.zip,解压后得到如下文件。

三、编译准备

官方默认的编译方式是远程调用google-closure-complier在线压缩工具,由于众所周知的原因,国内调用很不稳定,即使用代理,因为数据流较大,也很难成功编译。官方还提供了本地编译的方法,我们这里使用本地编译。

首先需要Node.js环境,点这里下载

然后需要Java环境,点这里下载

最后需要Python2环境,点这里下载,特别说明一下,必须是python2.x

上述的安装按照网上教程安装即可。

四、本地编译

我们打开终端,进入刚刚解压后的的scratch-blocks目录,我们执行命令npm install,如果出现error之类的,就换一个网,我是用手机开的热点进行的;然后运行命令npm run prepublish,我们可以看到下图中标记处。已经编译成功。

五、测试运行

我们进入源码目录下的tests目录下,可以看到如下文件

文件custom_procedure_playground.html为自定义block的测试代码,应用在自定义方法、函数定义场景。

文件vertical_playground.html为block的垂直样式,这里包括了Scratch3里的所有block

文件horizontal_playground.html为block的水平样式,它主要应用与乐高的wedo编程,比较简单,我们常用的还是垂直样式。

其他的文件我就不一一介绍了,如果您在编译的时候遇到什么问题请给我留言,

六、编译后源码下载

点击这里下载

下一篇介绍scratch-block如何生成python代码、arduino代码,关注我。

scratch-blocks在Mac下本地编译相关推荐

  1. Q113:PBRT-V3分别在Linux和Mac下的编译与调试(汇总)

    Linux系统下: Q106:Linux系统下安装编译PBRT-V3 Q107:Linux系统下GDB对PBRT-V3进行debug 另外,也可以直接用CodeBlocks: Q115:Linux系统 ...

  2. mac下本地调试微信网页

    调试微信网页,当然首推微信官方的开发者工具了 但是这个开发者工具只能调试服务端的网页,如果每次都去服务端发布,那效率也太低了,所以本地调试是当务之急 网上搜了很多,不是用各种工具就是抓包,实在是繁琐, ...

  3. mac 下安装编译 yasm

    yasm 安装 (汇编编译器) tar zxvf yasm-1.2.0.tar.gz cd yasm-1.2.0/ cat INSTALL ./configure --prefix=/usr/loca ...

  4. mac下安装编译ffmepg方法

    登陆官网:ffmpeg官网 如下图点击:download snapshot 编译并指定安装路径 ./configure --perfix=/usr/local/ffmpeg make -j 4 mak ...

  5. mac 下 zmp编译

    1.npm install -g node-gyp 2.node-gyp configure 3.进入模块目录,node-gyp rebuild 4.可能需要安装pkg-config     pkg- ...

  6. Android Mac下反编译apk

    1. 下载apktool http://code.google.com/p/android-apktool/ java -jar apktool_2.0.0rc3.jar d aaaaaaaaaaaa ...

  7. mac下通过gcc命令手动编译动态链接库示例

    编译动态链接库,windows,linux,mac平台各不相同,从文件上来说,windows下是dll,linux下是so,mac下是dylib:命令上也会有区别,windows下用cl,linux下 ...

  8. mac下ssh 报错:localhost: ssh: connect to host localhost port 22: Connection refused

    1.美图 2.背景 mac下本地启动hadoop 本地模式 (base) lcc@lcc hadoop-2.7.4$ sh sbin/start-all.sh This script is Depre ...

  9. Mac打包Android的apk,【ReactNative】Mac下分分钟打包 Android apk

    Mac 下 ReactNative如何打包构建Android apk 的应用.该文章还差一个 打包发布到各个平台的教程 总结 打包 jsbundle代码 生成签名 添加签名到app中 打包成apk(打 ...

最新文章

  1. ubuntu16.04: mininet下使用ryu当做控制器
  2. 数据库查询构建控件集Active Query Builder
  3. linux 内核与用户空间通信之netlink使用方法
  4. linux 卸载 flash,使用率下降到8%,Chrome 87将完全移除Flash
  5. oracle不开归档对效率会快吗,关于性能:存档庞大的数据库(oracle),而不会影响向其插入记录的进程...
  6. hdu 4409 Family Name List LCA +stl
  7. 美女,你这是把腰带当裙子了?
  8. [渝粤教育] 西南科技大学 工程测量 在线考试复习资料
  9. git php自动发布,使用 Git Hooks 实现自动部署PHP项目
  10. mysql 货币显示_在MySQL中以正确的格式显示USD货币记录
  11. 【slowfast复现 训练】训练过程 制作ava数据集 复现 SlowFast Networks for Video Recognition 训练 train
  12. 二十八种未授权访问漏洞合集(暂时最全)
  13. npm 报错: npm ERR! code ERESOLVE , npm ERR! code E404
  14. 编译原理教程_8 静态语义分析和中间代码生成
  15. 又见回文数 NYOJ781
  16. 谁才是中国企业服务的教父?
  17. 个性化广告推荐系统及应用
  18. 服务网关 Zuul基本使用
  19. AI Earth ——开发者模式案例8:利用Landsat-8数据进行地表温度反演
  20. ece计算机科学硕士,CS、CE、ECE硕士项目:看起来差不多,就能随便乱选吗?

热门文章

  1. DEV 的使用技巧(开学季)
  2. 为什么 CCSP 认证的价值如此之高? 怎样获得 CCSP 认证?
  3. 2019年首发,有耐心且多思考
  4. 计算机毕业设计Java春运出行铁路路线规划推荐系统(源码+系统+mysql数据库+lw文档)
  5. 1094 平方和数列求和
  6. 《Python编程》第一章:先睹为快
  7. 【Java知识体系】JVM深入浅出,图解易懂,赶紧收藏,入股不亏
  8. 微点注册web服务器没反应,微点主动防御网络版客户端Web设置教程.doc
  9. Spring Boot 中的异步调用
  10. 制作FreeCAD安装包的方法