npm run electron:build 这个命令会先使用Vue CLI构建你的Vue 3项目,然后使用Electron Builder将其打包成可执行文件。 5. 测试打包后的应用程序 打包完成后,你可以在dist_electron目录下找到生成的可执行文件。在Windows上,你可以直接双击.exe文件来运行你的应用程序,并验证其功能是否正常。 通过以上步骤,你应该能够...
注意electron_mirror 的路径不是这个 https://registry.npmmirror.com/mirrors/electron/ ,这里卡了蛮久, 网上两种路径都有人写 2:下载 第三方插件到 指定位置:执行 npm run electron:build 打包, 根据命令行的错误提示的去下载要下载的包,下载到下文指定路径下 首次使用electron-builder打包时,会到github上去下载...
"@electron-forge/cli": "^6.4.2", "@electron-forge/maker-deb": "^6.4.2", "@electron-forge/maker-rpm": "^6.4.2", "@electron-forge/maker-squirrel": "^6.4.2", "@electron-forge/maker-zip": "^6.4.2", "@electron-forge/plugin-auto-unpack-natives": "^6.4.2", "electron": "23.1...
vue打包后的文件默认也是dist,两者冲突,所以把electron的打包目标文件设置为out。 files:electron-builder默认会打包项目里的所有文件,其实对我们有用的就两个方面,一个是vue打包编译后的文件,一个是electron的核心代码,所以我们只需要最终打包dist和electron两个文件夹。 nsis:软件安装包的交互行为,这个属性有点多,大...
是在https://github.com/electron-vite/electron-vite-vue库的参考下完成的,将此库的文件复制到原本存在的项目中完成打包。 步骤如下: 将electron-vite-vue拷贝到本地 将electron-vite-vue项目中的electron文件夹、electron-builder.json5拷贝到已存在项目根目录下 ...
vue add electron-builder 过程中会提示你选择Electron的版本,选择最新版本即可。 在这个过程中,由于网络的原因,Electron可能会安装失败,这时候如果node_modules文件夹中已经有electron文件夹(该文件夹是不完整的electron包,不能运行),那么删除这个文件夹,然后可以使用cnpm重新安装electron。
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
Vue CLI Plugin Electron Builder 是基于Vue Cli的,因此项目的搭建非常方便。 创建vue项目 首先,安装:npm i @vue/cli -g 接着,创建项目:vue create tasky-vue 运行该命令后,会有一系列选择项让我们进行选择,在我们这个项目中,选择如下: ? Please pick a preset: Manually select features ...
调整打包 ./ 把所有axios的请求地址都改成完整路径 将dist目录放到electronjs项目中 运行start 成功! 执行make 命令打包! 打包输出exe在out目录下 ⭐打包react react前端项目: react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html 调整资源引入路径改为 ./ ...