现在,你可以使用以下命令来打包你的Vue 3应用: bash npm run electron:build 这个命令会构建你的Vue应用,并使用Electron将其打包成可执行文件。打包完成后,你可以在dist_electron目录中找到打包好的应用。 通过以上步骤,你应该能够成功地将Vue 3项目与Electron集成,并进行打包。如果在过程中遇到任何问题,可以参考Elec...
3.在Cache目录下创建nsis和winCodeSign 4.将对应的压缩包拷贝到目录中去完整解压,最终效果如下: 完成之后再运行electron-builder是不是直接就打包完成了呢。 参考:https://www.cnblogs.com/DevFans/p/14402077.html 3:启动白屏的问题: 在 vue.config.js 下 添加 如下配置代码:publicPath: process.env.NODE_ENV ...
第一步:创建vue3.0项目 全局先安装最新的vue cli,下面是安装命令,已安装的可以跳过 npm install -g @vue/cli // npm 安装 yarn global add @vue/cli // yarn 安装 1. 2. 创建项目: vue create task-manage 1. 选择vue3.0 创建完成后,跑一下,没问题 第二步:集成electron electron由于是国外的镜像源,...
vue3前端项目: 调整打包 ./ 把所有axios的请求地址都改成完整路径 将dist目录放到electronjs项目中 运行start 成功! 执行make 命令打包! 打包输出exe在out目录下 ⭐打包react react前端项目: react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html调整资源引入路径改为 ./ 请求改为完整路径 把打包dist访...
已存在Vue3项目打包Electron桌面版 记录一次将已完成开发的Vue+Vite开发的网页版打包成Electron的桌面版本,Windows的桌面安装程序。 是在https://github.com/electron-vite/electron-vite-vue库的参考下完成的,将此库的文件复制到原本存在的项目中完成打包。
vue-cli构建的包默认是单页面打包,所以,我们在vue.config.js中进行改造: module.exports = { //多页面打包 pages: { main: { // 入口js entry: 'src/modules/main/main.js', // 模板来源 template: 'public/main.html', // 在 dist 中生成的html文件名字 ...
vue3前端项目: [python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示] 调整打包 ./ 把所有axios的请求地址都改成完整路径 将dist目录放到electronjs项目中 运行start 成功! 执行make 命令打包! 打包输出exe在out目录下 ⭐打包react react前端项目: ...
已有的一个正常的Vue项目(Vue3 + Vite + Ts) Node版本14.18.2 注意:Electron不能跨架构跨平台打包,windows下只能打包windows包,如需要打包,MacOS、Linux等需要去对应平台 建议先设置国内镜像 npm config edit 执行后会弹出npm的配置文档,将以下类容复制到文件末尾(格式跟文档中保持一致) ...
Vite+Electron快速构建一个VUE3桌面应用(三)——打包 二. 思路 先说结论,重点还是在于mainWindow.loadURL()。 打包后还是加载http://localhost:3000是无法运行的,因此,此处需要先用vite打包好,然后使用electron-builder加载vite打包后的文件进行打包。 为了代码能够根据不同环境在运行时加载http://localhost:3000,在...