# mixly2.0-build

**Repository Path**: devshop2019/mixly2.0-build

## Basic Information

- **Project Name**: mixly2.0-build
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-06
- **Last Updated**: 2022-05-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 不同平台下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 ](https://visualstudio.microsoft.com/thank-you-downloading-visual-studio/?sku=BuildTools)或者 [Visual Studio Community](https://visualstudio.microsoft.com/thank-you-downloading-visual-studio/?sku=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 文件夹下所有文件和文件夹到应用程序文件夹下。