在本教程中，我们将学习如何将Scratch 3.0项目封装成独立的可执行文件（.exe）。这使得你可以在不需要安装Scratch 3.0的情况下分享和运行你的项目，非常方便。
一、封装Scratch 3.0为EXE的原理简介
Scratch 3.0是基于HTML5和JavaScript开发的，其项目文件具有.sb3格式。要将Scratch 3.0项目封装成EXE，我们首先需要创建一个桌面应用，然后将这个应用与项目文件整合，最终生成一个可执行文件。为了实现这个目的，我们将使用一个名为Electron的开源框架。Electron允许开发者使用JavaScript、HTML和CSS创建跨平台的桌面应用程序。
二、封装Scratch 3.0为EXE的详细步骤
1. 安装Node.js
要使用Electron，首先需要安装Node.js。前往Node.js官网（https://nodejs.org/） 下载并安装适用于你的操作系统的最新稳定版本。
2. 安装Electron
打开命令提示符或终端，执行以下命令以全局安装Electron：
```
npm install -g electron
```
3. 创建文件夹和文件结构
在本地磁盘中，创建一个新文件夹，如"scratch-to-exe"。在此文件夹中，新建以下文件：
- main.js：Electron的入口文件
- package.json：应用的配置文件
- index.html：应用的主页面，将容纳Scratch 3.0项目
4. 编写package.json
打开package.json文件，并输入以下内容：
```javascript
{
"name": "scratch-to-exe",
"version": "1.0.0",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"dependencies": {
"electron": "^版本号"
}
}
```
将"版本号"替换为你安装的Electron版本号。
5. 编写main.js
打开main.js文件，并输入以下内容：
```javascript
const { app, BrowserWindow } = require('electron');
function createWindow() {
const win = new BrowserWindow({
width: 1280,
height: 720,
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('index.html');
}
app.whenReady().then(createWindow);
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow();
}
});
```
6. 编写index.html
在index.html中，embed一个在线的Scratch 3.0项目播放器，并引入你的.sb3文件：
```html
```
将链接中的"你的Scratch项目ID"替换为你的Scratch 3.0项目的ID，该ID可以从项目分享页面的URL中找到。
7. 测试运行
在命令提示符或终端中，cd到"scratch-to-exe"文件夹，然后运行以下命令：
```
npm install
npm start
```
观察打开的窗口，查看你的Scratch项目在应用中是否正常运行。
8. 封装EXE
通过以下命令安装electron-packager：
```
npm install -g electron-packager
```
然后，切换到的"scratch-to-exe"文件夹，运行以下命令：
```
electron-packager . Scratch3EXE --platform=win32 --arch=x64
```
这个命値将生成一个名为"Scratch3EXE-win32-x64"的文件夹，里面包含编译好的可执行文件。
至此，你已成功将一个Scratch 3.0项目封装成EXE文件。你可以将这个文件分享给其他人，他们无需安装Scratch 3.0即可运行你的作品。
