1、初始化项目 打开cmd,新建一个项目,我使用的是electron-vue,输入以下命令: vue init simulatedgreg/electron-vue my-project 1 my-project就是自己随便取名的项目名。 然后提示正在下载模板,下完模板之后根据提示进行操作就行,输入你该输入的东西,然后一路Enter: 初始化完毕之后,根据提示进行操作,进入项目文件夹,n...
npm run electron:serve 这将同时启动Vue开发服务器和Electron应用,你应该能够在Electron窗口中看到你的Vue应用。 5. 打包Electron应用 当你准备好打包你的Electron应用时,可以使用以下命令: bash npm run electron:build 这将构建你的Vue应用,并使用Electron进行打包。打包后的应用将位于dist_electron目录(或其他你...
1.安装vue npm install -g vue-cli 2.vue中集成安装electron-vue vue init simulatedgreg/electron-vue 文件名 vueinitsimulatedgreg/electron-vue myfect 3.一路enter下去,直到让你选择YES/NO 是否使用scss--->选中yes--在一路选择yes...是否使用ESLINT--->NO--在一路选择no 到使用builder时选中默认的(第...
Electron-vue项目使用 Inno Setup 创建安装包 1、安装 Inno Setup 官网:https://jrsoftware.org/isinfo.php 2、打开 Inno Setup ,点击如下图Compli32.exe(首次安装默认打开) 3、打开后如图 4、点击图中 Cancel 按钮 5、点击图中 File 6、在 File 的下拉菜单中选择 New 7、不勾选 Create a new empty scri...
https://github.com/electron/electron-quick-start 新手可以直接用这个项目来进行打包,和原来的项目分享。例如我调整后的: 用electron将vue项目打包成.exe文件【保姆级教程】 https://blog.csdn.net/heavenz19/article/details/136743623 单独把vue项目放到electron新项目 里打包。
1.创建Electron-vue 项目 2.遇到的bug 1.控制台,如下报错 解决办法 在.electron-vue的文件夹中的dev-runner.js文件 做如下图修改...
本文的electron-vue特指simulatedgreg/electron-vue。为什么没有用vue add electron-builder的方法呢,原因是由于使用elementui时,el-table不能正常显示,需要改动配置文件,但网上的方案都是针对electron-vue的,也就是改变webpack-renderer-config.js,但在利用vue add electron-builder生成的项目中不知道如何作相应的修改,...
在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。 由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。
electron vite2 vue3 安装 cvep my-electron-cvep npm config set registry=https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ npm install cvep -g cvep库地址,这就是个写好的模板,拉下来,安装就ok了...
electron-vue:这个一个基于 vue 使用 electron 的模板(项目)。 该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等。