Scratch3.0 二次开发环境部署（一）

简介

Scratch终于在2019年1月2日，发布了3.0正式版。
我们先来看下Scratch3.0改进了什么。
首先要说明的是，3.0完全兼容2.0的作品，所有用2.0制作的作品，都可以在3.0中打开，但反之不行，也就是说Scratch2.0编辑器打不开3.0制作的作品。所以基本上从2019年开始，就要用Scratch3.0开始编程了。

Scratch3.0改动最大的部分，是在扩展部分。
以前Scratch2.0就这3个扩展模块

这次Scratch3.0有9大扩展模块，当然音乐、画笔、视频侦测这3块，以前就有，估计Scratch的开发组也是为了硬凑9张图，把他们给放这里了。
可以看到，这些扩展模块的核心，就是大大增强了和现实的互动！
文字朗读：可以朗读你的文字了，可惜不支持中文。
Makey Makey，micro:bit，Lego EV3，LEGO WeDo 2.0，都是连接实体硬件设备，从而让程序和现实硬件连接起来。

另外非常重要的一点，Scratch3.0可以运行在移动设备上了，可以在平板电脑、iPad上直接通过浏览器来访问Scratch的在线编辑器，并且还为了适应移动设备，特意加大了积木块的大小，就是方便拖动。这大大的扩展了Scratch的使用范围。、

Scratch3.0是一次非常重大的升级，对少儿编程来说，是一个里程碑式的，进一步降低了用户的学习门槛，拓展了和现实之间的互动。

环境构建

1、安装Nodejs、npm

安装Node.js步骤
1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2、选安装目录进行安装
3、环境配置
4、测试

下载
下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js

点击【Next】按钮

勾选复选框，点击【Next】按钮

修改好目录后，点击【Next】按钮

安装完后点击【Finish】按钮完成安装

至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

安装完后的目录如下图所示

此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

环境配置
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，打开cmd命令窗口，输入
npm config set prefix “D:\Develop\nodejs\node_global”
npm config set cache “D:\Develop\nodejs\node_cache”

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】




测试
配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，
输入如下命令进行模块的全局安装：

npm install express -g # -g是全局安装的意思

2、安装Git

Git下载

下载最新版本，点击红框或篮筐处即可

2、源码下载

在github上下载源码的zip，然后解压到一个目录上。
获取scratch-gui源代码，网址https://github.com/LLK/scratch-gui

运行

解压源码，并cd到解压后scratch-gui目录进入

构建项目：
1、npm install
如果成功的话，会一直下载依赖
项目顺利启动
2、npm run start

加载界面
启动浏览器，在浏览器里输入：localhost:8601进入scratch3.0界面。

：