scratch-blocks在Mac下本地编译

一、介绍

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代码，关注我。