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...
是在https://github.com/electron-vite/electron-vite-vue库的参考下完成的,将此库的文件复制到原本存在的项目中完成打包。 步骤如下: 将electron-vite-vue拷贝到本地 将electron-vite-vue项目中的electron文件夹、electron-builder.json5拷贝到已存在项目根目录下 修改已存在项目的package.json在devDependencies下面添...
vue add electron-builder 过程中会提示你选择Electron的版本,选择最新版本即可。 在这个过程中,由于网络的原因,Electron可能会安装失败,这时候如果node_modules文件夹中已经有electron文件夹(该文件夹是不完整的electron包,不能运行),那么删除这个文件夹,然后可以使用cnpm重新安装electron。
2.打包工具——electron-builder 老生常谈,技术选型是根据项目需要以及个人喜好,如果只是想快速体验electron打包或者对electron-forge打包工具情有独钟,没必要一定和我选一样的。如果使用electron-forge打包,参考官网教程就行,简单易懂,本文使用electron-builder打包。 ==下载:== npm i electron-builder -D 如果网络一...
【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 调整资源引入路径改为 ./ ...
打包工具使用:vite vue版本:3.3.4 虽然是vue3.x版本,但是大部分的代码还是采用了vue2.x的语法去编写,这样让没有学过vue3的同学们,看起来更直观一点 Electron是一个用于构建跨平台桌面应用程序的开源框架,由 GitHub 开发和维护。它允许开发者使用HTML、CSS和JavaScript等前端技术,结合 Node.js 和 Chromium,创建可...