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。

【注】

配置过程中个别指令可能需要管理员(root)权限，为避免切换，整个过程最好是在管理员(root)用户下进行操作；

该配置过程中的指令是在Ubuntu环境下完成的，Windows和MacOS与此相似，可自行探索尝试；

1. 准备工作

    /* git, npm, nodejs工具准备 *//* Linux下安装指令 */sudo apt-get install npmsudo apt-get install nodejssudo apt-get install git/* 对版本要求较高，需升级 */npm install -g npm      /* npm升级到最新版本 */npm install -g n        /* nodejs升级 */n stable                /* 升级到最新的稳定版本 */mkdir scratch  /*便于管理，新建一个文件夹存放*/cd scratchgit 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的配置

cd scratch-vm
npm install
npm link
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还处于开发阶段，我们搭建的其实是测试版或预览版，所以很多功能还在开发中，包括语言切换等，后续我也会持续关注和更新。

Scratch Blocks本地环境搭建相关推荐

SAP Web IDE本地环境搭建
SAP Web IDE本地环境搭建 1.JDK的安装及配置环境变量可通过官网自行下载JDK: Java Downloads | Oracle 直接傻瓜式安装至默认路径"C:\Program ...
Django + mysql + 微信抢票之本地环境搭建
Django + mysql + 微信抢票之本地环境搭建环境准备 1. Django安装 2. mysql安装 3. 微信环境配置申请微信公众平台测试号微信接入环境准备 1. Django安 ...
微信公众号本地环境搭建（解决微信接口需要公网地址，但是只有本地环境的问题）
微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题) 置顶2018年01月08日 17:22:13 阅读数:342 目前移动开发处于比较火的的趋势,很多的开发者都跃跃欲试,目前移 ...
sonar mysql svn_Sonar本地环境搭建
一个新项目准备上线提测了,为了在提测之前做一下代码走查,同时了解项目目前的质量情况,就在本地搭建了一套sonar环境.搭建的过程中遇到了很多问题,sonar官方已不再维护Eclipse的svn插件,所 ...
小程序-本地环境搭建-线上测试搭建-线上正式环境搭建
本地环境搭建本地环境只能自己测试小程序的url设置为localhost.127.0.0.1.或者xxx.xxx.com/api (需要配置hosts)都可以,本地的地址,不需要在小程序后台配置,l ...
php本地环境搭建教程
http://jingyan.baidu.com/article/90bc8fc87f3cfff653640c24.html 如何在本地搭建php是大家都关注的,php环境搭建可以说比较容易也可以说比 ...
.NET Exceptionless 日志收集框架本地环境搭建
一.简介 Exceptionless 是一个开源的实时的日志收集框架,它可以应用在基于 ASP.NET,ASP.NET Core,Web Api,Web Forms,WPF,Console,MVC 等 ...
Mac下的Docker及Kubernetes(k8s)本地环境搭建与应用部署、管理界面kubernetes-dashboard
Mac下的Docker及Kubernetes环境搭建与应用部署 Mac安装docker: brew cask install docker 当然也可以直接去官网下载docker的pkg文件安装 Mac ...
REMIX 本地环境搭建指南
有时候运行官方 remix : https://remix.ethereum.org/ 往往会很慢,那就本地搭建一个吧. 前提条件:安装nodejs,这里用到npm 安装步骤如下: 第一步:命令行安 ...

Scratch Blocks本地环境搭建

Scratch-Blockly配置过程

Scratch Blocks本地环境搭建相关推荐

最新文章

热门文章