例如我调整后的: 用electron将vue项目打包成.exe文件【保姆级教程】 https://blog.csdn.net/heavenz19/article/details/136743623 单独把vue项目放到electron新项目 里打包。 electron打包vue项目的方法 步骤 https://www.jb51.net/article/239809.htm 手把手教你 Electron + Vue 搭建前端桌面应用 https://segmentfa...
注意:如果package.json中有"type": "module",字段则需要去掉,避免报错 在windows系统中打包,只需在项目根目录输入electron-builder即可,不需要加任何参数,就可以打包出一个与当前系统相匹配的安装包。 electron-builder --win --x64,其中,--win可简写为-w,--64表示64位系统软件;如果要打包一个32位系统的软件,...
明明dev模式下都是好好的! 莫急,咱们再找到配置文件.electron-vue/webpack.renderer.config.js letwhiteListedModules=['vue']//将上面这句改为letwhiteListedModules=['vue','vue-router','axios','vuex','vue-electron'] 即把dependencies依赖全部加入白名单,或者直接注释...Object.keys(dependencies || {})....
安装vue-cli ,终端输入npm install -g vue-cli进行安装,如果嫌速度慢,可以安装cnpm(淘宝镜像),然后输入cnpm install -g vue-cli安装。下图展示了两种镜像的安装。 如果出现安装失败信息,很可能是缺少构建工具,按照如下操作: 安装Windows-Build-Tools,输入npm install --global windows-build-tools等待安装完成后,再...
笔者最近在学习Electron并且在用它工作,遇到了一些问题积累了一些浅薄的经验,在这里做一下记录,并且准备做一个桌面端的工具,打包运行到windows、 macOS和Linux上 创建项目 使用vue3和vite创建vue的项目然后引入electron 先创建vue项目 npm create vite@latest electron-desktop-tool ...
在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。 由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。
electron-forge、electron-vue 打包命令 1、electron 中构建应用最常用的模块: 1、electron-packager 2、electron-builder electron-packager 和 electron-builder 在自己单独创建的应用用也可以完成打包功能。但是由于配置太复杂所以我们不建议单独配置。 2、electron-forge: ...
Electron是一个基于Chromium和 Node.js,使用 HTML、CSS和JavaScript来构建跨平台应用的跨平台开发框架,兼容 Mac、Windows 和 Linux。目前,Electron已经创建了包括VScode和Atom在内的大量应用。 环境搭建 创建Electron跨平台应用之前,需要先安装一些常用的工具,如Node、vue和Electr...
electron32-vue3os内置macos和windows两种桌面风格、自研可拖拽栅格模板引擎、支持JSON配置桌面菜单/Dock菜单。 技术栈 开发工具:VScode 技术框架:vite^5.4.1+vue^3.4.37+vue-router^4.4.3 跨平台技术:electron^32.0.1 组件库:@arco-design/web-vue^2.56.0 (字节前端vue3组件库) 状态插件:pinia^2.2.2 拖拽插件...
index.vue let data = await this.$Win.openWin({ // browserwindow原生属性 width: 700, // 窗口宽 height: 600, // 窗口高 // electron-vue-windows自定义的属性 windowConfig: { router: '/user', // 路由 *必填 data: {id: 1}, // 传送数据 name: 'user' // 窗口名称 } }) console.log...