Electron

需求 如何使用 electron-builder 打包项目？ 解决 安装 electron builder npm i electron-builder -D “electron-builder”: “^24.13.3”, npm i electron-builder-squirrel-windows -D “electron-builder-squirrel-windows”: “^24.13.3”, 增加命令 package.json: “electron:serve”: “vite build && electron .”, “electron:build”: “vite build && electron-builder” 增加 路径设置 vite.config.js: base: './' 如果找不到 preload.js package.json: "files": [ "dist/**/*", "main.js", "preload.js" ], __dirname 路径问题 开发阶段: 指的是项目目录 打包之后: 指的是 目录/resources/app.asar 如何需要区分开发环境 npm install cross-env -D package.json: 修改 “start”: “cross-env NODE_ENV=development nodemon –exec electron . –watch ./ –ext ....

需求 如何在 vscode 里面创建一个新的 electron + vue3 项目？ 解决 创建项目 创建 vite 项目 vscode 上层目录，创建 vite 项目的文件夹 cnpm init vite readit vue javascript 安装 electron npm i electron -D 修改 package.json: “electron”: “^26.6.10”, 然后 cnpm install 使用项目 使用 vite 项目 cnpm install cnpm run dev 即可启动 vite 项目 main 新增 package.json: “main”: “main.js” main.js const { app, BrowserWindow } = require('electron') const createWindow = () => { const win = new BrowserWindow({ width: 1000, height: 800, }) win....