ScratchJr-Desktop 安装和配置指南

1. 项目基础介绍和主要的编程语言

项目基础介绍

ScratchJr-Desktop 是一个开源社区项目，旨在将 ScratchJr 从 iPad 和 Android 平台移植到桌面环境（Mac 和 Windows）。ScratchJr 是一个专为 5-7 岁儿童设计的编程工具，帮助他们通过可视化编程创建自己的互动故事和游戏。

主要的编程语言

该项目主要使用以下编程语言：

• JavaScript
• HTML
• CSS

2. 项目使用的关键技术和框架

关键技术和框架

• Electron: 用于将 ScratchJr 的 HTML5 应用程序托管在 Mac 和 Windows 上。Electron 是一个使用 Web 技术（如 JavaScript、HTML 和 CSS）创建原生应用程序的框架。
• Electron Forge: 用于简化 Electron 应用程序的打包和发布过程。
• Sql.js: 用于在 JavaScript 中嵌入 SQLite 数据库。

3. 项目安装和配置的准备工作和详细的安装步骤

准备工作

在开始安装之前，请确保您的系统满足以下要求：

• Node.js: 请确保您已经安装了 Node.js（建议使用最新版本）。您可以从 Node.js 官网 下载并安装。
• Git: 如果您还没有安装 Git，请从 Git 官网 下载并安装。

详细的安装步骤

步骤 1: 克隆项目仓库

首先，打开终端或命令提示符，并克隆 ScratchJr-Desktop 项目仓库：

git clone https://github.com/jfo8000/ScratchJr-Desktop.git

步骤 2: 进入项目目录

进入克隆下来的项目目录：

cd ScratchJr-Desktop

步骤 3: 安装依赖

使用 npm 安装项目所需的依赖：

npm install

步骤 4: 运行项目

安装完成后，您可以通过以下命令启动项目：

npm run start

这将启动 ScratchJr-Desktop 应用程序，并在您的默认浏览器中打开。

步骤 5: 打包应用程序（可选）

如果您希望为 Windows 或 Mac 打包应用程序，可以使用以下命令：

• Windows:

npm run package-win

• Mac:

npm run package-mac

打包完成后，您可以在 out 目录中找到生成的安装文件。

调试

如果您在开发过程中需要调试应用程序，可以使用以下命令：

• 调试 HTML 文件、音频和视频录制:

npm run start

• 调试文件系统和数据库查询:

npm run debugMain

然后，打开 Chrome 浏览器并导航到 chrome://inspect，您将看到 Electron 主进程的调试选项。

总结

通过以上步骤，您已经成功安装并配置了 ScratchJr-Desktop 项目。现在，您可以开始使用这个工具来帮助孩子们学习编程了！