electron-vue 开发环境搭建(Windows环境) 1.安装Node.js,一切都基于这个。安装完成后,终端输入node -v验证。 2.建立自己的项目目录,然后进入目录。 安装vue-cli ,终端输入npm install -g vue-cli进行安装,如果嫌速度慢,可以安装cnpm(淘宝镜像),然后输入cnpm install -g vue-cli安装。下图展示了两种镜像的安装。
npm install electron-g// 全局安装Electron,加g是全局安装,自动添加到环境变量中vueaddelectron-builder// 安装Electron-builder打包工具 vite中支持Electron的插件也改为vite-electron-plugin Electron-packager同样可以打包,官方更推荐使用Electron-builder 可使用输入electron命令验证 如果出现安装出错? 检查下Node版本是否...
打包完成后,你可以在生成的输出目录中找到Windows可执行程序(通常是.exe文件)。双击这个文件来运行你的Electron应用,并测试其功能是否正常。 以上步骤应该能够帮助你将Vue项目通过Electron打包成Windows可执行程序。如果在过程中遇到任何问题,可以查阅Electron和Electron Builder的官方文档来获取更多帮助。
1、electron-packager 2、electron-builder electron-packager 和 electron-builder 在自己单独创建的应用用也可以完成打包功能。但是由于配置太复杂所以我们不建议单独配置。 2、electron-forge: https://github.com/electron-userland/electron-forge electron-forge package electron-forge make 3、electron-vue: https:/...
"electron": "^2.0.4", "electron-updater": "3.0.0", "electron-builder": "^20.19.2" } build字段详细配置 安装依赖 需要注意的是electron-vue中目前是使用electron 2.0.4的,所以最新版的electron-updater是不支持的,若手动升级electron版本的话,如果你使用了node-ffi等的话,是无法运行的,但是如果你只是使...
// 创建窗口 let win = this.$Win.createWin({ width: 800, height: 600, windowConfig: { router: '/index', // 路由 } }) win.on('closed', () => { win = null }) win.show() // 关闭窗口(注:最好调用electron-vue-windows的关闭api) this.$Win.closeWin() win.close() // 不推荐...
import Vue from 'vue' import router from './router' // 此处router文件为你的路由配置文件 import Win from 'electron-vue-windows' // 初始化插件,要传入实例化的路由 Win.init(router, { freeWindowNum: 2, // 初始空闲窗口数量(选填:默认为1) port: 9080 // 端口号(选填:默认9080) }) Vue.prot...
electron-vue打包windows上可以安装的软件以及修改软件名称版本.pdf,electron-vue 打包Windows N可ñ安 装的 ñ及修改 ]称 x本 号等 主讲教师: ÿ大地Ā 合作 : ÿIT 营Ā 11 electron-f e1electron-vue 打包命ð 1 21修改应用]称1应用图标1应用x本号1应用a
npm install -g vue-cli vue init simulatedgreg/electron-vue my-project1 # 安装依赖并运行你的程序 cd my-project1 npm install npm run dev 作为国内未翻墙的windows用户每次执行到npm install就过不去了,研究以后发现了解决方法。 错误截图 问题如图所示,执行到node install.js等一段时间就会报奇怪的错误。
electron-vue WindowsN可装及修号x主electron-vue WindowsN可装及修号x主讲教师:大地:IT 营合e1electron-vue 打包命11 electron-21修改应用称1应用图标1应用x本号1应用31 打包的时候可能遇到的错误11 electron-中构建应用最常用的模块electron-packager和electron-builder在自己单独创建的应用用也可完r打包功21electr...