标题：UniApp生成EXE桌面应用入门教程
简介：本教程将为您介绍如何使用UniApp开发框架，生成一个简单的EXE桌面应用程序。适用于对UniApp和桌面应用程序开发感兴趣的初学者。
什么是UniApp？
UniApp是一种基于Vue.js开发的跨平台应用程序开发框架，可以帮助我们快速创建一款可以运行在多个平台的应用程序。例如：iOS、Android、H5以及桌面应用(EXE)等。
为什么选择UniApp？
- 跨平台：使用一套代码，开发多个平台的应用程序。
- 基于Vue.js：简化了学习过程，让已经熟悉Vue.js的开发者能够更快上手。
- 开发效率：UniApp提供了丰富的组件和API，使得开发过程更加便捷。
如何使用UniApp生成EXE桌面应用程序（原理）？
UniApp生成EXE桌面应用程序的底层原理是基于NW.js或Electron技术。这两者都是将Web应用程序封装成可运行在Windows、Mac、Linux等操作系统上的独立桌面应用程序。
下面，我们将介绍如何操作：
1. 安装UniApp
首先，安装HBuilderX。HBuilderX是UniApp官方推荐的IDE，可到DCloud官方网站(https://www.dcloud.io/)下载安装。
2. 创建UniApp项目
打开 HBuilderX，选择 "文件 -> 新建 -> 项目"，选择 "uni-app"，设置项目名称和路径，然后点击 "创建"。
3. 编写代码
基于Vue.js编写相应的HTML，JS和CSS代码。这些代码会在打包成桌面应用程序时，被框架自动转换。
4. 安装依赖
为了生成桌面应用程序，需要安装Electron或NW.js。推荐使用Electron，因为它更加成熟和稳定。使用HBuilderX打开刚刚创建的项目，在 "终端" 菜单中打开 "新建终端"。指定目录到项目根目录，运行以下命令：
```
npm install electron -g
```
5. 配置桌面应用程序打包参数
在项目根目录下，找到配置文件 "manifest.json"，编辑其 "app-plus" 节点，加入如下代码：
```json
"app-plus" : {
"titleNView": {
"backgroundColor": "#000000",
"titleColor": "#ffffff"
},
"custom-args": {
"npm": {"autoInstall": false},
"electron": {
"main": "main.js",
"version": "6.1.7",
"window": {
"width": 1024,
"height": 768,
"minWidth": 1024,
"minHeight": 768
}
}
}
}
```
6. 编写main.js
在项目根目录下新建 "main.js"，添加以下代码：
```javascript
const { app, BrowserWindow } = require('electron')
function createWindow () {
// 创建浏览器窗口
let win = new BrowserWindow({
width: 1024,
height: 768,
webPreferences: {
nodeIntegration: true
}
})
// 并且为你的应用加载index.html
win.loadURL("http://127.0.0.1:9080")
}
// 当Electron完成了初始化并准备创建浏览器窗口时，调用此方法
app.on('ready', createWindow)
```
7. 运行和打包
保存所有文件，然后在项目根目录下运行以下命令启动开发服务器：
```
npm run dev
```
启动Electron桌面应用：
```
electron .
```
查看桌面应用程序。当一切都准备好之后，运行以下命令将项目打包成EXE文件：
```
npm run build
```
打包完成后，EXE应用程序将位于 "dist/electron" 文件夹下。
这样，我们就成功使用UniApp生成了一个EXE桌面应用程序。尝试使用这个技术为您的下一个项目打造一个全新的桌面应用吧！
