Vue.js 是一种流行的 JavaScript 框架，它可以帮助我们快速构建现代化的 Web 应用程序。当我们在开发 Vue.js 应用时，我们通常会使用 npm 进行依赖管理，并使用 webpack 进行打包。这些工具可以帮助我们将应用程序打包成一个 JavaScript 文件，然后在浏览器中运行。
然而，有时我们需要将我们的 Vue.js 应用程序打包成一个可执行文件，以便在没有安装 Node.js 的计算机上运行。这就需要将我们的应用程序打包成一个 .exe 文件。
以下是将 Vue.js 应用程序打包成 .exe 文件的步骤：
1. 安装 electron-builder
electron-builder 是一个开源的打包工具，可以将 Electron 应用程序打包成可执行文件。我们可以使用它来将我们的 Vue.js 应用程序打包成 .exe 文件。首先，我们需要在我们的项目中安装 electron-builder：
```sh
npm install electron-builder --save-dev
```
2. 配置 package.json
在 package.json 文件中，我们需要添加以下配置：
```json
"build": {
"appId": "com.example.myapp",
"productName": "My App",
"directories": {
"output": "dist"
},
"win": {
"target": "nsis"
}
}
```
这些配置将告诉 electron-builder 如何打包我们的应用程序。我们需要指定应用程序的 ID、名称和输出目录。我们还需要指定要使用的打包目标。在这个例子中，我们将使用 NSIS 打包目标，这将创建一个 Windows 安装程序。
3. 构建应用程序
现在我们可以使用 electron-builder 来构建我们的应用程序。在命令行中运行：
```sh
npm run build
```
这将使用 webpack 打包我们的应用程序，并使用 electron-builder 将其打包成一个 .exe 文件。
4. 运行应用程序
现在我们可以在 Windows 计算机上运行我们的应用程序。双击 .exe 文件即可启动应用程序。
总结
将 Vue.js 应用程序打包成 .exe 文件需要使用 electron-builder 工具，并在 package.json 文件中进行一些配置。一旦我们构建了应用程序，我们就可以在没有安装 Node.js 的计算机上运行它。这使得我们的应用程序更加易于分发和部署。
