vue2安装electron
时间: 2023-11-15 20:55:05 浏览: 159
vue前端截图插件electron的
5星 · 资源好评率100%
要在 Vue2 中安装 Electron,可以按照以下步骤进行:
1. 创建一个 Vue2 项目:`vue create my-project`
2. 安装 `electron` 和 `electron-builder`:`npm install electron electron-builder --save-dev`
3. 在项目根目录下创建 `main.js` 文件,用于启动 Electron 应用:
```
const { app, BrowserWindow } = require('electron')
function createWindow () {
// 创建浏览器窗口
let win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
// 加载应用的 index.html
win.loadFile('dist/index.html')
}
app.whenReady().then(createWindow)
```
4. 修改 `package.json` 文件,添加以下配置:
```
{
"main": "main.js",
"scripts": {
"electron:serve": "vue-cli-service electron:serve",
"electron:build": "vue-cli-service electron:build"
},
"build": {
"builderOptions": {
"appId": "com.example.myapp",
"productName": "My App"
}
}
}
```
5. 运行应用:`npm run electron:serve`
阅读全文