scratch-blocks在Mac下本地编译
一、介紹
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用于制作电视广告和音乐视频的计算机,基于
- 下一篇: 【vscode 】如何通过vscode完