不同平台下Mixly2.0的打包步骤

1 win下打包步骤

1.1 安装 Node.js

根据要打包的可执行程序的位数选择 Node.js 的位数。之前测试在64位 Node.js 下打包32位应用程序，在重编译 SerialPort 库时会出现 error，并且打包后的应用程序串口通信无法使用。

1.2 安装 Python3

这里对 Python3 版本没有要求，下载最新版本 Python 安装即可。

1.3 安装 Visual C++ 构建环境

下载 Visual Studio Build Tools 或者 Visual Studio Community，安装成功后，启动cmd，输入 npm config set msvs_version 2017。

1.4 安装 package.json 里所有包

在cmd界面使用 cd /d [path] 命令切换当前工作路径到工程文件夹，接着输入 npm install -g yarn 来安装yarn，最后输入 yarn install 安装所有依赖。

1.5 重编译 electron

首先输入 npm install --save electron-rebuild 来安装 electron-rebuild，这个工具只需要在第一次使用时安装即可，若之前安装过，则可直接用；接着输入 .\node_modules\.bin\electron-rebuild 对包重新编译。

1.6 打包

首先输入 npm install --save electron-packager 来安装 electron-packager

方法1：

输入 npm run buildWin32X64 、npm run buildWin32Ia32 、npm run buildLinux 即可打包出对应系统下相应版本的应用程序，打包后的应用程序可以在 Mixly2.0_build/build/app/ 这个路径下找到，接着拷贝 Mixly2.0_build/win 文件夹下所有文件和文件夹到应用程序文件夹下。

方法2：

运行 Mixly2.0_build/win下打包.bat 批处理文件，输入1、2、3即可完成应用程序的打包，打包后的应用程序可以在 Mixly2.0_build/build/app/ 这个路径下找到。

2 Mac下打包步骤

2.1 安装 Node.js

在 Node.js 官网上下载此系统下最新版本 Node.js 安装即可。

2.2 安装 Python3

Mac 系统下对 Python3 版本有一定要求，必须在v3.6、v3.7、v3.8 或 v3.9 之间选择一个版本来安装。

2.3 安装 XCode 和 XCode Command Line Tools

首先在苹果应用商店里搜索 XCode 下载安装，安装成功后，在终端中输入 xcode-select --install 来安装 XCode Command Line Tools。

2.4 安装 package.json 里所有包

在终端中使用 cd [path] 命令切换当前工作路径到工程文件夹，接着输入 sudo npm install -g yarn 来安装yarn，最后输入 sudo yarn install 安装所有依赖。

2.5 重编译 electron

首先输入 npm install --save electron-rebuild 来安装 electron-rebuild，这个工具只需要在第一次使用时安装即可，若之前安装过，则可直接用；接着输入 [path]/node_modules/.bin/electron-rebuild 对包重新编译。

2.6 打包

首先输入 npm install --save electron-packager 来安装 electron-packager，接着输入 npm run buildDarwinX64 即可打包出应用程序，打包后的应用程序可以在 Mixly2.0_build/build/app/ 这个路径下找到，接着拷贝 Mixly2.0_build/darwin 文件夹下所有文件和文件夹到应用程序文件夹下。

3 Linux下打包步骤

3.1 安装 Node.js

在 Node.js 官网上下载此系统下最新版本 Node.js 安装即可。

3.2 安装 Python3

Linux 系统下对 Python3 版本有一定要求，必须在v3.6、v3.7、v3.8 或 v3.9 之间选择一个版本来安装。

3.3 安装g++、gcc、make

1. 更新软件包列表

终端运行 sudo apt update。

2. 查询g++编译器相关的包

终端运行 apt-cache search g++ | grep ^g++。

3. 安装g++编译器

终端运行 sudo apt install g++ -y。

4. 安装gcc

终端运行 sudo apt-get install gcc。

5. 安装make

终端运行 sudo apt-get install make。

3.4 全局安装electron、electron-rebuild、electron-packager、yarn

1. 安装electron、electron-rebuild、electron-packager、yarn

在终端中依次输入 npm install electron -g 、npm install electron-rebuild -g 、npm install electron-packager -g、npm install yarn -g 安装最新版本electron、electron-rebuild、electron-packager和yarn。

2. 建立软链接

以上全部安装后，接着在终端中输入 sudo ln -s [Nodejs的安装路径]/bin/electron /usr/local/bin/ 、sudo ln -s [Nodejs的安装路径]/bin/electron-rebuild /usr/local/bin/ 、sudo ln -s [Nodejs的安装路径]/bin/electron-packager /usr/local/bin/、sudo ln -s [Nodejs的安装路径]/bin/yarn /usr/local/bin/ 来建立软链接。

3.5 安装 package.json 里所有包

首先在终端中使用 chmod 777 [path] 修改文件夹权限为777，接着输入 cd [path] 命令切换当前工作路径到工程文件夹，然后输入 yarn install 安装所有依赖。

3.6 重编译 electron

输入 [path]/node_modules/.bin/electron-rebuild 对包重新编译。

3.7 打包

输入 npm run buildLinuxX64 即可打包出应用程序，打包后的应用程序可以在 Mixly2.0_build/build/app/ 这个路径下找到，接着拷贝 Mixly2.0_build/linux 文件夹下所有文件和文件夹到应用程序文件夹下。