一开始用Electron-builder打包的过程中,它打包的过程中会有报错。后面用管理员权限运行命令行后,打包就没有报错,直接成功。双击打包后的程序进行安装,安装完成后,会发现系统内所有的快捷方式、所有的exe程序打开都是我这个新开发的程序。打开cmd是它,打开注册表也是它,打开任何一个exe程序都是它。和IT同事搞了很久没...
npm install -Dvite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } = ...
该插件用于配置electron打包编译的文件入口 yarn add vite-plugin-electron -D 6.开发注意事项 1). ctrl+shift+i 切换开发者控制台 2). electron框架API代码electron\renderers下添加 3). vue页面调用Electron框架的API方法在src\utils\ipcMainApi.js统一管理 7.开发文档 开发参考我们封装框架的桌面快速开发框架文档...
2. 打包配置 1)创建electron入口,根目录新建electron/main.js,默认配置如下 import{app,BrowserWindow}from'electron';importpathfrom'path'constcreatedWindow=()=>{constwin=newBrowserWindow({width:900,height:600,webPreferences:{nodeIntegration:true,contextIsolation:false,}})if(process.env.VITE_DEV_SERVER_URL...
exist. Seems like a wrong configuration. failedTask=build stackTrace=Error: Application entry file "electron\main.js" in the "D:\vs2024proj\electron_vite_ts_demo_sunny\electron-vite-demo-sunny\dist_electron\win-ia32-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration...
electron-builder: electron打包库 yarn add -D cross-env electron-builder 更新后的scripts如下: { "dev": "vite", "build": "vite build", "serve": "vite preview", "electron": "wait-on tcp:3000 && cross-env NODE_ENV=development electron .", // 此处需要设置环境变量以保证开发时加载url "...
打包项目 安装Electron(选择安装 如果yarn install 可以跑就不用安装) 1.先配置下镜像 2.接下来开始安装electron 3.接着安装vite-plugin-electron插件 开发注意事项 开发文档 桌面应用框架预览图 Vue开发桌面应用框架介绍 我们不生产框架,我们是优秀框架的搬运工 ...
git clone https://gitee.com/mywink/vite-electron.git yarn yarn build yarn dev 1. 2. 3. 4. 5. 从github 上下载这个项目, 运行, 就得到了 electron 桌面版的项目, 采用 vue3 来写的项目, 并且可以打包成 exe 就它了! 作者:panie...
功能更新和后续计划-vue3.3 + vite4.4 + unocss + ts + ant-design-vue4 + pinia的企业级中后台管理 624 -- 3:21 App AE插件“Break it”一键实现破碎效果🌈附插件Win&Mac版百度网盘链接 10.3万 187 3:19 App 玩高达的都是雕刻大师吗?画好草图才是关键!一起制作EG牛高达22 16.7万 126 1:59 App...