npm run electron:serve 这将同时启动Vue开发服务器和Electron应用,你应该能够在Electron窗口中看到你的Vue应用。 5. 打包Electron应用 当你准备好打包你的Electron应用时,可以使用以下命令: bash npm run electron:build 这将构建你的Vue应用,并使用Electron进行打包。打包后的应用将位于dist_electron目录(或其他你...
1、安装vite npminitvite 按照提示,可以直接生成vue3项目。 2、安装electron npm i-g cnpm--registry=http://registry.npmmirror.com cnpm i electron-D 这里需要注意的是得用cnpm安装,用npm会有拉不下来镜像的问题,得切换到国内的镜像。 3、安装nodemon cnpm i nodemon -D 这个可以热更新electron的代码。 4...
vue-cli脚手架的安装 npm install -g @vue/cli 查看版本 vue -V 安装electron 指定安装的版本号: 既然最新的版本可能有问题,我们就安装之前的稳定版本:npm install electron@6.1.2 -g 安装完成后,测试是否安装成功:electron -v 参考资料: (157条消息) 解决在安装vue-cli脚手架出现的问题_散一世繁华,颠半世琉...
> electron-packager ./ YesDev项目管理 --platform=mas --icon=./icon.ico --overwrite Downloading electron-v31.2.1-mas-x64.zip: [===] 100% ETA: 0.0 seconds Packaging app for platform mas x64 using electron v31.2.1 WARNING: Could not find icon "icon.icns", not updating app icon WARNIN...
Electron-vue实战—搭建项目与安装Element UI 作者:狐狸家的鱼 本文链接 GitHub:sueRimn 一、新建项目 1、初始化项目 打开cmd,新建一个项目,我使用的是electron-vue,输入以下命令: vue init simulatedgreg/electron-vue my-project 1 my-project就是自己随便取名的项目名。
1.创建Electron-vue 项目 2.遇到的bug 1.控制台,如下报错 解决办法 在.electron-vue的文件夹中的dev-runner.js文件 做如下图修改...
vue add electron-builder 1. 选择y,回车 运行项目 yarn electron:serve 1. 这时候要使用cnpm安装electron依赖,cpnm安装传送门 cnpm install --save electron 1. 再次运行项目 yarn electron:serve 1. ...
网上已经有大量的文章介绍如何安装,但是经过摸索发现,没有完整的总结安装过程出现问题的解决方法,特记录一下。 1)环境linux7.5,node版本16.16 2)按教程应执行以下操作: # 全局安装vue-cli脚手架npm install -g vue-clivue init simulatedgreg/electron-vue my-project# 通过vue init使用electron-vue模板来初始化项目...
在上篇文章中说到,使用Electron-Vue去构建一个Vue项目,并且可以通过package命令之后,生成了一些列的绿色文件(即执行安装包之后生成的文件),点击其中的exe文件就可以运行了。 由于安装程序最后会以安装包的形式(即单一的exe文件)交付给客户,然后客户安装exe文件,会得到绿色文件。
1.新建文件夹,cd 到你将要安装的文件夹目录,$vue init simulatedgreg/electron-vue 这一步骤极其相似于当初安装vue-cli脚手架时,一个一个步骤来,截几张图 类似于这样 选择 enter yes 或者 no 看自己的选择 注意这一步呢,我选择了electron-packager 项。到这里你就可以看到,本来的空文件夹里现在新建了vue-elect...