原文鏈接 ：https://blog.csdn.net/weixin_43513495/article/details/88633957
若有侵權請來信告知。
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應用程序就是這樣，但是卻找不到圖片資源，我猜測可能是圖片路徑不對，所以需要該一下圖片路徑，當然我也正在尋找圖片路徑在哪？有找到的小伙伴請在我的博客下方留言，謝謝。
