原文地址：https://blog.csdn.net/litianquan/article/details/82735876

 

Scratch-Blockly配置過程

由於Blockly案例庫開發項目需添加Scratch Blocks的相關內容，故結合Github上開源項目，進行Scratch Blocks相關環境的配置。如果你想對Scratch Blocks有進一步的了解，或者想在自己的電腦或服務器上搭建Scratch Blocks的環境，供教學和研究使用，您可以參照下面的內容，進行Scratch Blocks相關環境的配置。整個環境由3部分組成，分別是scratch-vm, scratch-blocks和scratch-gui。

 

Scratch Blocks

整個環境由3部分組成，分別是scratch-vm, scratch-blocks和scratch-gui。

【注】

1. 配置過程中個別指令可能需要管理員(root)權限，為避免切換，整個過程最好是在管理員(root)用戶下進行操作；
2. 該配置過程中的指令是在Ubuntu環境下完成的，Windows和MacOS與此相似，可自行探索嘗試；

1. 准備工作

/* git, npm, nodejs工具准備 */

 

/* Linux下安裝指令 */

 

sudo apt-get install npm

sudo apt-get install nodejs

sudo apt-get install git

 

/* 對版本要求較高，需升級 */

 

npm install -g npm /* npm升級到最新版本 */

 

npm install -g n /* nodejs升級 */

 

n stable /* 升級到最新的穩定版本 */

 

mkdir scratch /*便於管理，新建一個文件夾存放*/

 

cd scratch

 

git clone https://github.com/llk/scratch-gui /*scratch-gui下載*/

 

git clone https://github.com/llk/scratch-vm /*scratch-vm下載*/

 

git clone https://github.com/llk/scratch-blocks /*scratch-blocks下載*/

 

2. Scratch-VM的配置

1. cd scratch-vm
2. npm install
3. npm link
4. npm run watch

在執行"npm run watch"時，會停留在"+4 hidden modules"這個位置，不需要久等，直接Ctrl+C終止程序進行下面的配置即可。

3. Scratch-Blocks的配置

 

cd ../scratch-blocks

 

npm install

 

npm link

 

 

4. Scratch-GUI的配置

cd ../scratch-gui

 

npm install

 

npm link scratch-vm scratch-blocks

 

npm install

npm start

 

5. 打開瀏覽器，在地址欄中輸入 0.0.0.0:8061即可訪問Scratch-Blocks，即Scratch 3.0界面。

 

Scratch 3.0 or Scratch Blocks

至此，Scratch-Blocks的配置就完成了。

目前Scratch Blocks還處於開發階段，我們搭建的其實是測試版或預覽版，所以很多功能還在開發中，包括語言切換等，后續我也會持續關注和更新。