Vue使用electron转换项目成桌面应用方法介绍_vue.js_

const { app, BrowserWindow } = require("electron"); // 引入electron let win; let windowConfig = { width: 800, height: 600, }; // 窗口的大小 function createWindow() { win = new BrowserWindow(windowConfig); // 创建一个窗口 win.loadURL(`file://${__dirname}/index.html`); // 加载打包生成的index.html win.webContents.openDevTools(); // 开启调试工具 win.on("close", () => { //回收 BrowserWindow 对象 win = null; }); win.on("resize", () => { win.reload(); }); } app.on("ready", createWindow); app.on("window-all-closed", () => { app.quit(); }); app.on("activate", () => { if (win == null) { createWindow(); } }); 

{ "name": "demo", "productName": "项目名称", "author": "作者", "version": "1.0.4", "main": "main.js", "description": "项目描述", "scripts": { "pack": "electron-builder --dir", "dist": "electron-builder", "postinstall": "electron-builder install-app-deps" }, "build": { "electronVersion": "1.8.4", "win": { "requestedExecutionLevel": "highestAvailable", "target": [ { "target": "nsis", "arch": [ "x64" ] } ] }, "appId": "demo", "artifactName": "demo-${version}-${arch}.${ext}", "nsis": { "artifactName": "demo-${version}-${arch}.${ext}" }, "extraResources": [ { "from": "./static/xxxx/", "to": "app-server", "filter": [ "**/*" ] } ] }, "dependencies": { "core-js": "^2.4.1", "electron-packager": "^12.1.0", "electron-updater": "^2.22.1" }, "devDependencies": { "electron-forge": "^5.2.4" } } 

 module.exports = { lintOnSave: false, publicPath: './', css: .... .... }