electron打包项目为exe
时间: 2024-06-14 07:07:20 浏览: 105
使用 electron 创建简单的桌面应用程序,包括打包应用程序及生成exe安装程序
以下是使用electron打包项目为exe的步骤:
1. 首先,确保你已经安装了Node.js和npm。你可以在命令行中运行以下命令来检查它们的版本:
```shell
node -v
npm -v
```
2. 创建一个新的Vue项目,并在项目根目录下运行以下命令来安装electron和electron-packager:
```shell
npm install electron electron-packager --save-dev
```
3. 在项目根目录下创建一个名为`main.js`的文件,并将以下代码复制到文件中:
```javascript
const { app, BrowserWindow } = require('electron')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile('index.html')
}
app.whenReady().then(() => {
createWindow()
app.on('activate', function () {
if (BrowserWindow.getAllWindows().length === 0) createWindow()
})
})
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') app.quit()
})
```
4. 在项目根目录下创建一个名为`index.html`的文件,并将你的Vue项目的HTML代码复制到文件中。
5. 在`package.json`文件中添加以下代码,以指定入口文件和打包配置:
```json
"main": "main.js",
"scripts": {
"start": "electron .",
"package": "electron-packager . myApp --platform=win32 --arch=x64 --out=dist --overwrite"
}
```
6. 运行以下命令来启动electron应用程序:
```shell
npm start
```
7. 当你准备好打包应用程序时,运行以下命令来生成exe文件:
```shell
npm run package
```
8. 打包完成后,你将在`dist`文件夹中找到生成的exe文件。
阅读全文