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与此相似,可自行探索尝试;

原文地址:https://www.cnblogs.com/sonder/p/10966550.html

时间: 2024-10-14 17:07:44

Scratch Blocks本地环境搭建的相关文章

JIRA 本地环境搭建、插件开发、邮件模板定制

系统 Mac 语言 JAVA 1.首先安装本地开发环境,JIRA提供SDK,供本地运行及开发. SDK安装参考文档:https://developer.atlassian.com/docs/getting-started/set-up-the-atlassian-plugin-sdk-and-build-a-project/install-the-atlassian-sdk-on-a-linux-or-mac-system 2.环境搭建好就可以开发插件了. SDK中 JIRA 版本和 实际使用的

AngularJS2之本地环境搭建

前言:本来准备初探AngularJS2,结果成了复习git和再探node git的两个常见问题:一.github上传时出现error: src refspec master does not match any解决办法 二.如何解决failed to push some refs to git AngularJS2开发环境搭建: 1.下载git进入git命令行并按如图所示进行(npm install和npm start可能无法运行) 2.将nodejs的安装文件复制到quickstart文件夹下

以太坊remix-ide本地环境搭建

remix-ide简介 ? remix-ide是一款以太坊官方solisity语言的在线IDE,可用于智能合约的编写.测试与部署,不过某些时候可能是在离线环境下工作或者受限于网速原因,使用在线remix-ide进行智能合约的开发体验很差,所以搭建一个本地remix-ide开发环境更有助于提升工作的效率. github地址:https://github.com/ethereum/remix-ide 在线地址:https://remix.ethereum.org(可能需要FQ) 另建议使用linux

Redis本地环境搭建

Windows 下环境搭建 1. 设置hosts set duapphosts=127.0.0.1 sqld.duapp.com set redisduapphosts=127.0.0.1 redis.duapp.com echo %duapphosts% >> C:\Windows\System32\drivers\etc\hosts echo %redisduapphosts% >> C:\Windows\System32\drivers\etc\hosts 2. 下载Redi

使用 phpstudy ,在本地环境搭建织梦dedecms网站

准备工具:phpstudy软件.织梦开源程序. 一.下载phpstudy 下载地址:https://www.xp.cn/ 根据电脑系统选择下载版本.我的是windows64. 一.下载织梦开源程序 织梦程序的语言编码分为:GBK和UTF-8,GBK和UTF8有什么区别? GBK:中文编码,包括中文和繁体字,国外访问就会出现乱码.它的功能少,所占用空间小,打开网页的速度比较快. UTF-9:通用的编码,如果你的网站涉及到多个国家的语言,那么建议你选择UTF-8编码.它的功能强大,所占用之空间要比G

【2020-03-21】Dubbo本地环境搭建-实现服务注册和消费

前言 本周主题:加班工作.本周内忙于CRUD不能自拔,基本每天都是九点半下班,下周上线,明天还要加班推进进度.今天是休息日,于是重拾起了dubbo,打算近期深入了解一下其使用和原理.之所以说是重拾,是因为去年自学过一次,但那次主要是针对源码的流程,在实战上欠缺,且对其理解未深入到架构层次,只能说是基本理解.现在的我跟去年比起来,对技术的理解上有了一些提升,经验也更丰富,故本次目标是做深入研究,且看能从中吸收多少要义. 今天先记录一下dubbo本地服务的简易搭建流程. 一.环境准备 本次搭建用zo

PSI本地环境搭建

我先说我本地使用的开发环境 1.PHP环境,我使用xampp ( https://www.apachefriends.org/zh_cn/index.html ) 2.IDE, 我使用Netbeans的PHP IDE,https://netbeans.org/downloads/ 本地配置中,最关键的是数据库的建立. 在PSI git 目录中 {git根目录}\PSI\doc\99 SQL 中有两个SQL文件: 01CreateTables.sql 02InsertInitData.sql 在线

【JavaScript】赛码网前端笔试本地环境搭建

参考:https://hoofoo.me/article/2017-04-11/%E8%B5%9B%E7%A0%81%E7%BD%91%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E6%9C%AC%E5%9C%B0%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA.html print方法的实现 这个没有什么难度,只是把console.log改个名字的事情,一行代码就可以解决. var print = console.log read_line方

python3.5.2本地环境搭建

OS:win7 Download URL:https://www.python.org/downloads/release/python-352/ install 下载二进制安装文件之后,点击安装,一路下一步 configure environment 计算机-属性-高级系统属性-环境变量-path中添加python根目录. verify dos命令窗口输入python,看到版本号则表示安装成功. IDE pycharm 编辑器 notepad++ 可以安装一个python script插件 n