vue安装electron
时间: 2023-10-31 20:07:28 浏览: 101
要在Vue项目中安装Electron,可以按照以下步骤进行操作:
1. 在Vue项目的根目录下,运行以下命令安装Electron:
```
npm install electron --save-dev
```
2. 在Vue项目的根目录下,创建一个名为`main.js`的文件,并添加以下代码:
```javascript
const { app, BrowserWindow } = require('electron')
function createWindow () {
// 创建浏览器窗口
let win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
// 加载Vue项目的入口页面
win.loadURL('http://localhost:8080')
// 打开开发者工具
win.webContents.openDevTools()
}
// 当Electron完成初始化并准备创建浏览器窗口时调用此方法
app.whenReady().then(createWindow)
```
3. 修改Vue项目的`package.json`文件,添加以下代码:
```json
{
"main": "main.js",
"scripts": {
"electron": "electron ."
}
}
```
4. 运行以下命令启动Electron应用程序:
```
npm run electron
```
阅读全文