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

Scratch-Blockly配置过程的更多相关文章

  1. Linux LVM逻辑卷配置过程详解

    许多Linux使用者安装操作系统时都会遇到这样的困境:如何精确评估和分配各个硬盘分区的容量,如果当初评估不准确,一旦系统分区不够用时可能不得不备份.删除相关数据,甚至被迫重新规划分区并重装操作系统,以 ...

  2. elasticsearch5.0.0 安装插件及配置过程

    elasticsearch5.0.0 安装插件及配置过程 由于es5.0是里程碑式的更新,所以很多变化的地方,暂时我就插件安装遇到的问题记录一下. 插件安装命令 2.3版本的安装命令 安装Marvel ...

  3. synergy 两台Windows电脑配置过程

    Synergy 介绍 软件作用 Synergy 两台独立电脑,共享一套鼠标和键盘的工具, 软件原理(我自己想的) 保证两台电脑在一个局域网内,可以相互Ping通的电脑(这样才能直接通过TCP连接) 将 ...

  4. 图解MySQL5.5详细安装与配置过程

    MySQL是一个开源的关系型数据库管理系统,原由瑞典MySQL AB公司开发,目前属于Oracle公司旗下.MySQL是目前世界上开源数据库中最受欢迎的产品之一,是应用最为广泛的开源数据库.MySQL ...

  5. tesseract配置过程

    tesseract配置过程: 1. 为了避免配置环境变量,可以先下载一个 tesseract-ocr-setup-3.02.02.exe(tesseract配置文件夹里有),然后安装(假设安装目录为D ...

  6. [转]caffe的配置过程

    caffe的配置过程 转:http://blog.csdn.net/brightming/article/details/51106629   版权声明:本文为博主原创文章,欢迎转载!转载请写明原文链 ...

  7. Sublime Text2配置过程

    今天Sublime Text2不知道为什么突然崩溃了,一直不能运行,没办法只有重装了,重装后按我的用途重新配置了一下,现将配置过程记录下来以备将来不时之需 说明:配置是在windows系统上进行的,其 ...

  8. WAMP(Windows、Apache、MySQL、php)安装配置过程常见问题

    WAMP(Windows.Apache.MySQL.php)安装配置过程 可以参考该网友的总结(总结的不错,鼓掌!!): http://www.cnblogs.com/pharen/archive/2 ...

  9. Win7上Git安装及配置过程

    Win7上Git安装及配置过程 文档名称 Win7上Git安装及配置过程 创建时间 2012/8/20 修改时间 2012/8/20 创建人 Baifx 简介(收获) 1.在win7上安装msysgi ...

随机推荐

  1. (转)DB2下载地址总结

    原文:https://blog.csdn.net/huozengguang/article/details/58602910 DB2 v8.2,v9.1,v9.5,v9.7下载地址 下列都是完全版包含 ...

  2. linux下RabbitMQ相关命令

    1. 关闭与启动 ① 到指定目录:cd/etc/init.d ② 停止:rabbitmq-server stop ③ 启动:rabbitmq-server start ④ 查看是否停止/启动成功:ps ...

  3. Window.localStorage

    博客园 https://www.cnblogs.com/st-leslie/p/5617130.html 参考文档 https://developer.mozilla.org/zh-CN/docs/W ...

  4. Javac词法分析

    参考:<深入分析Java Web>技术内幕 许令波 词法分析过程涉及到的主要类及相关的继承关系如下: 词法分析的接口为Lexer,默认实现类为Scanner,Scanner会逐个读取Jav ...

  5. 深度学习(十六) ReLU为什么比Sigmoid效果好

    sigmoid: Relu: 为什么通常Relu比sigmoid和tanh强,有什么不同?主要是因为它们gradient特性不同. 1.sigmoid和tanh的gradient在饱和区域非常平缓,接 ...

  6. linux安装QQ截图

    本人(壮壮熊)现用系统是ubuntu 12.04 相信用过linux系统的朋友都知道,linux下的截图软件是在不咋的.虽然系统本身有带截图工具,但是却苦于没有办法在截下来的图片上作画圈.写文字说明等 ...

  7. Comet:基于 HTTP 长连接的“服务器推”技术(转载)

    “服务器推”技术的应用 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工作.这种方式并不能满足很多现实应用的需求,譬如: 监控系统:后台硬件热插拔.LED.温度.电压发生变化: 即时通信 ...

  8. 八个常用的js正则表达式

    开篇:开发中如果有input输入框,难免就要写正则表达式,因此在这里总结了一些常见常用的正则表达式的书写方法,希望会大家有所帮助: 附图: 一.手机号码 $(document).ready(funct ...

  9. Swift函数_外部参数名,

    //1________________ /** *没使用外部参数名的函数 */ func inputScore(name:String,score1:Int,score2:Int) { } /** * ...

  10. 数据适配:DataAdapter对象概述

    DataAdapter对象可用于执行数据库的命令操作,含有四个不同的操作命令,分别如下:   SelectCommand:用来选取数据源中的记录: InsertCommand:用来向数据源中新插入一条 ...