Win10下使用linux子系统编译和二次开发Scratch3.0

在windows下编译不了scratch3.0然而Linux下没问题,于是就想在windows下用linux的环境去编译scratch。

然后我尝试了使用cgywin模拟linux环境,但nodejs无法成功编译安装,凉凉。

然后想到Win10系统已经可以使用Linux子系统,然后又尝试一下,成功!

环境准备

  1. 开启WIN10的Linux子系统支持

    控制面板->应用->程序和功能->启用或关闭Windows功能
    勾选"适用于Linux的Windows子系统"
    确定,重启

  2. 应用商店搜索安装Ubuntu

  3. 进入ubuntu

  4. 下载nodejs源码
    curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -

  5. 安装nodejs
    sudo apt-get install -y nodejs

  6. 升级npm
    sudo npm install -g npm

编译scratch

  1. 拉取最新代码

git clone https://github.com/LLK/scratch-gui.git

  1. 安装依赖
cd scratch-gui
sudo npm i

如果卡死,Ctrl+C终止并重新执行npm install安装

  1. 开始编译

npm run build

编译成功,build文件夹下就是编译好的scratch3.0了

二次开发scratch其他模块

比如要修改scratch-vm模块

  1. 克隆模块到本地
    git clone https://github.com/LLK/scratch-vm.git

  2. 编译模块并将模块连接到全局

cd scratch-vm
sudo npm i
sudo npm link
  1. Scratch-gui引入模块
sudo npm link scratch-vm
  1. 重新编译scratch-gui
    npm run build

压缩代码

由于编译出来的js太大(20MB左右),加载十分慢,建议nginx开启gzip压缩。nginx参考配置如下

gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_comp_level 4;
gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
gzip_vary off;

scratch开发者群,相关资源及软件可在群内下载

244050817 Scratch开发者主群
244051003 (已满)Scratch开发者

发表评论

[/0o0] [..^v^..] [0_0] [T.T] [=3-❤] [❤.❤] [^v^] [-.0] [!- -] [=x=] [→_→] [><] 更多 »
昵称

抢沙发~