一、介紹

Scratch Blocks是Google Blockly項(xiàng)目的一個(gè)分支，該項(xiàng)目提供了用于構(gòu)建創(chuàng)意計(jì)算接口的設(shè)計(jì)規(guī)范和代碼庫(kù)。該代碼庫(kù)與Scratch虛擬機(jī)（VM）一起，可以快速設(shè)計(jì)和開發(fā)可視化編程接口。與Blockly不同，Scratch Blocks不使用代碼生成器，而是利用Scratch虛擬機(jī)創(chuàng)建高度動(dòng)態(tài)的交互式編程環(huán)境。

Scratch-blocks 與Blockly不同的是，Scratch-blocks樣式比Blockly更加友好，同時(shí)在樣式上分為水平、垂直布局

?二、源碼獲取

我們可以在github獲取源碼，點(diǎn)這里獲取源碼，如果github上不去也可以上國(guó)內(nèi)gitee下載，點(diǎn)擊這里獲取源碼。下載后得到壓縮包scratch-blocks-develop.zip，解壓后得到如下文件。

三、編譯準(zhǔn)備?

官方默認(rèn)的編譯方式是遠(yuǎn)程調(diào)用google-closure-complier在線壓縮工具，由于眾所周知的原因，國(guó)內(nèi)調(diào)用很不穩(wěn)定，即使用代理，因?yàn)閿?shù)據(jù)流較大，也很難成功編譯。官方還提供了本地編譯的方法，我們這里使用本地編譯。

首先需要Node.js環(huán)境，點(diǎn)這里下載

然后需要Java環(huán)境，點(diǎn)這里下載

最后需要Python2環(huán)境，點(diǎn)這里下載，特別說(shuō)明一下，必須是python2.x

上述的安裝按照網(wǎng)上教程安裝即可。

四、本地編譯

我們打開終端，進(jìn)入剛剛解壓后的的scratch-blocks目錄，我們執(zhí)行命令npm install，如果出現(xiàn)error之類的，就換一個(gè)網(wǎng)，我是用手機(jī)開的熱點(diǎn)進(jìn)行的；然后運(yùn)行命令npm run prepublish，我們可以看到下圖中標(biāo)記處。已經(jīng)編譯成功。

五、測(cè)試運(yùn)行?

我們進(jìn)入源碼目錄下的tests目錄下，可以看到如下文件

文件custom_procedure_playground.html為自定義block的測(cè)試代碼，應(yīng)用在自定義方法、函數(shù)定義場(chǎng)景。

文件vertical_playground.html為block的垂直樣式，這里包括了Scratch3里的所有block

文件horizontal_playground.html為block的水平樣式，它主要應(yīng)用與樂高的wedo編程，比較簡(jiǎn)單，我們常用的還是垂直樣式。

?其他的文件我就不一一介紹了，如果您在編譯的時(shí)候遇到什么問題請(qǐng)給我留言，

六、編譯后源碼下載

點(diǎn)擊這里下載

下一篇介紹scratch-block如何生成python代碼、arduino代碼，關(guān)注我。

總結(jié)

以上是生活随笔為你收集整理的scratch-blocks在Mac下本地编译的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。