Scratch Blocks本地环境搭建

关于Scratch Blocks环境的搭建，大家在实现的过程中还是有很多的问题，目前谷歌和MIT的工程师也在进一步完善。可以通过以下方式，简单快捷的导出Scratch Blocks对应的index.html界面文件，然后像搭建普通Web一样，将其布置到自己的服务器上，也可以部署到github上.

    /* 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                /* 升级到最新的稳定版本 */

1. 从github下载scratch blocks的gui源代码

git clone https://github.com/LLK/scratch-gui.git

2. 编译

// 进入到下载的文件夹下scratch-gui
cd scratch-gui
// 编译
npm install

 

执行中会有WARN提醒，不必在意，执行完成后，文件夹下会得到node_modules等文件。

3. 导出index.html及相关文件

npm run build

 

可以在浏览器中打开index.html文件，即可看到Scratch Blocks界面，将其及build文件夹中的其他文件部署到服务器上即可访问和使用。

 

 

【注】

1. 配置过程中个别指令可能需要管理员(root)权限，为避免切换，整个过程最好是在管理员(root)用户下进行操作；
2. 该配置过程中的指令是在Ubuntu环境下完成的，Windows和MacOS与此相似，可自行探索尝试；