美文网首页
Electron 项目

Electron 项目

作者: xueyueshuai | 来源:发表于2024-05-30 10:26 被阅读0次
  1. 开始一个项目
npm init 
npm install --save-dev electron electron-builder

2.修改package.json

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron .",
    "pack": "electron-builder --dir",
    "dist": "electron-builder"
  }

3 项目根目录 新建 main.js内容如下

const { app, BrowserWindow } = require('electron')
function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })
  win.loadFile('dist/index.html') // 假设Vue项目的打包输出在dist目录下
}
app.whenReady().then(createWindow)

4 打包

npm run dist

相关文章

网友评论

      本文标题:Electron 项目

      本文链接:https://www.haomeiwen.com/subject/egalqjtx.html