Scratch-Blockly配置过程
原文地址: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。
【注】
- 配置过程中个别指令可能需要管理员(root)权限,为避免切换,整个过程最好是在管理员(root)用户下进行操作;
- 该配置过程中的指令是在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的配置
- 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的配置
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配置过程的更多相关文章
- Linux LVM逻辑卷配置过程详解
许多Linux使用者安装操作系统时都会遇到这样的困境:如何精确评估和分配各个硬盘分区的容量,如果当初评估不准确,一旦系统分区不够用时可能不得不备份.删除相关数据,甚至被迫重新规划分区并重装操作系统,以 ...
- elasticsearch5.0.0 安装插件及配置过程
elasticsearch5.0.0 安装插件及配置过程 由于es5.0是里程碑式的更新,所以很多变化的地方,暂时我就插件安装遇到的问题记录一下. 插件安装命令 2.3版本的安装命令 安装Marvel ...
- synergy 两台Windows电脑配置过程
Synergy 介绍 软件作用 Synergy 两台独立电脑,共享一套鼠标和键盘的工具, 软件原理(我自己想的) 保证两台电脑在一个局域网内,可以相互Ping通的电脑(这样才能直接通过TCP连接) 将 ...
- 图解MySQL5.5详细安装与配置过程
MySQL是一个开源的关系型数据库管理系统,原由瑞典MySQL AB公司开发,目前属于Oracle公司旗下.MySQL是目前世界上开源数据库中最受欢迎的产品之一,是应用最为广泛的开源数据库.MySQL ...
- tesseract配置过程
tesseract配置过程: 1. 为了避免配置环境变量,可以先下载一个 tesseract-ocr-setup-3.02.02.exe(tesseract配置文件夹里有),然后安装(假设安装目录为D ...
- [转]caffe的配置过程
caffe的配置过程 转:http://blog.csdn.net/brightming/article/details/51106629 版权声明:本文为博主原创文章,欢迎转载!转载请写明原文链 ...
- Sublime Text2配置过程
今天Sublime Text2不知道为什么突然崩溃了,一直不能运行,没办法只有重装了,重装后按我的用途重新配置了一下,现将配置过程记录下来以备将来不时之需 说明:配置是在windows系统上进行的,其 ...
- WAMP(Windows、Apache、MySQL、php)安装配置过程常见问题
WAMP(Windows.Apache.MySQL.php)安装配置过程 可以参考该网友的总结(总结的不错,鼓掌!!): http://www.cnblogs.com/pharen/archive/2 ...
- Win7上Git安装及配置过程
Win7上Git安装及配置过程 文档名称 Win7上Git安装及配置过程 创建时间 2012/8/20 修改时间 2012/8/20 创建人 Baifx 简介(收获) 1.在win7上安装msysgi ...
随机推荐
- 如何为 Go 设计一个通用的日志包
需求 一个通用的日志包,应该满足以下几个需求: 兼容 log.Logger,标准库大量使用了 log.Logger 作为其错误内容的输出通道,比如 net/http.Server.ErrorLog,所 ...
- Microsoft Power BI Desktop概念学习系列之Microsoft Power BI Desktop是什么?
不多说,直接上干货! 官网 https://powerbi.microsoft.com/zh-cn/desktop/ Microsoft Power BI Desktop是什么? https://p ...
- thumbnailator + webp-imageio-core实现java处理图片支持webp
thumbnailator提供了便捷的图片处理api,webp-imageio-core屏蔽了不同平台webp本地库的差异. <dependency> <groupId>com ...
- Linux 操作系统常用的三种流012
Linux 操作系统常用的三种流: 0 标准输入流 1 标准输出流 2 标准错误流 通常在写脚本启动程序,写log时候,会出现如下写法: nohup commod > log.txt 2> ...
- git 学习之基本概念
在学习 Git 的时候我们经常会听到工作区,版本库,暂存区.那么这些东西指的是什么呢?本次我们就一起学习一下. 工作区 顾名思义:工作的区域,那么你一般在哪工作呢?当然是你本地可以看到的目录啦! 版本 ...
- window.location和document.location的区别分析
用户不能改变document.location(因为这是当前显示文档的位置).但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而 ...
- webstorm 连接svn
先下个Slik-Subversion,安装好,在webstorm中setting中搜索Subversion,把上边安装的地址加上\svn.exe配置在Use command line client,然 ...
- 动态生成自定义控件ascx如何给ascx传值
有机会看到有网友在论坛上发出问题: 在网页上的铵钮执行之后,动态加载的用户控件,如果没有处理好,会在子用户控件的铵钮被执行时抛弃.因此我们需要着重需要处理的关键点.同相子用户控件在动态加载之后,它的状 ...
- Python——基本的书写规则
1.输入方法input() 等待用户输入数据,并回车后得到数据(name为输入的字符串) name=input('Please input your name:') print('Hi,',name) ...
- 用户IP地址的三个属性的区别(HTTP_X_FORWARDED_FOR,HTTP_VIA,REM_addr)
一.没有使用代理服务器的情况: REMOTE_ADDR = 您的 IP HTTP_VIA = 没数值或不显示 HTTP_X_FORWARDED_FOR = 没数值或不显示 二.使用 ...