一、介紹

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下本地编译的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。