1.首先操作系统是win10;
2.安装好node.js,yarn,git;
3.在github上下载scratch-gui和scratch-desktop的源代码,不需要用git clone的方式(下载全部源代码,太繁琐),直接下载zip压缩包即可;
4.解压下载的文件
5.首先cmd 进入scratch-gui-develop,依次运行如下命令
(1)git checkout scratch-desktop
//切换分支的意思,在scratch-gui里面还存在scratch-desktop分支后面需要将scratch-gui的dist文件部署到scratch-desktop上。
(2) npm install
//下载依赖
(3) yarn
//还是下载依赖(只为求个心安,记住千万不要使用cnpm,真的是坑爹,反正我用cnpm,他老说我缺少相关文件,可能是下载的依赖包不全,搞了好多遍都是这样)
(4)yarn build
(5)yarn start
打开浏览器127.0.0.1:8601即可进入sratch的浏览器界面
6.接着在这个scratch-gui的目录下将继续执行
BUILD_MODE=dist npm run build 命令
(如果不行就试试set BUILD_MODE=dist&& npm run build,我是运行前面的那一个,后面的这一个我运行有问题,问题出在哪我也不知道)。
成功之后会在该目录生成dist目录,该目路下的js文件就可以在别的项目中引用了(比如:scratch-desktop)
——————OK,scratch-gui告一段落。
7.接着cmd 进入scratch-desktop目录(win10系统)
依次运行下面的命令
yarn
npm install
npm run fetch //拉取相关图片资源
拉取完资源之后你会在scratch-desktop/node_modules/目录下看到scratch-gui/目录
将第6步的dist文件夹拷贝到该目录下,然后运行如下命令:
npm start
成功之后就是下面的样子了:
并且在目录下也生成了dist目录
接着再运行这个命令
npm run dist //制作打包的版本
或者
npm run dist:dir //模拟打包就是半打包
点击exe应用程序就是这样,但是却找不到图片资源,我猜测可能是图片路径不对,所以需要该一下图片路径,当然我也正在寻找图片路径在哪?有找到的小伙伴请在我的博客下方留言,谢谢。