点击安装,桌面即有相应图标。 可能出现的问题: 1、vue的路由模式为history,但electron不支持history模式,注释掉即可 const router =newVueRouter({//mode: 'history',base: process.env.BASE_URL, routes }) 2、修改vue.config.js,路径必须修改为‘ ./ ’,不是这个后续打包好的页面可能会出现白屏,加载不出来...
<el-button v-permission="['admin']" type="danger" icon="el-icon-delete">删掉</el-button> ◆ electron-builder装包配备 code { "productName": "electron-vadmin", "appId": "cc.xiaoyan.electron-vadmin", "copyright": "Copyright © 2021-present XiaoYan", "compression": "maximum", "asar...
C:\Users\Administrator>vue-devtools C:\Users\Administrator\AppData\Roaming\npm\node_modules@vue\devtools\node_modules\electron\index.js:14 throw new Error(‘Electron failed to install correctly, please delete node_modules/electron and try installing again’) ^ Error: Electron failed to install corr...
无意间了解到electron这个东西,可以用前端的技术实现打包桌面应用,我也是刚刚接触,遇到的问题也是一个接一个,特此记录一下吧;本来是想用electron做个小应用来着,发现可以直接用vue技术栈打包,好家伙,既然这样,直接拿线上的admin系统打包不就完了。 如果是初始化项目: // 安装vue-cli脚手架 流程都懂的yarnglobaladd...
最近想粗浅研究下vue+electron开发桌面程序,但是撸electron官方文档的时候,在第一步安装就卡住了,无比尴尬。 仔细研究发现,和其他npm包不同,electron在npm安装的时候,会请求GitHub下载相关资源包,众所周知的原因,这肯定是不行的。大家注意看报错信息,其实核心的问题就是有一个IP的连接超时了。
1、安装electron 1、执行 npm install electron 进行下载,下载不下来可以切换到cnpm尝试(在下载过程中报有zip文件下载不下来的可以直接点击提示链接进行下载,放置到对应的cache文件夹下,在运行npm install即可),cache文件夹路劲如下: 2、vue add electron-builder,electron-builder添加完成后会选择electron版本,直接选择最新...
有人说学习是从1到10,我学前端开发则直接从10开始。起来就从Electron + vue-element-admin开始搞起,虽然搭建过程遇到很多坑,最终一一克服,得此在MacOS和Windows上均可跑的版本,共大家分享。 基于最新的Node,最新的vue-element-admin和最新的Electron,并且package.json中依赖的package都使用最新的版本,让完整版的vue...
首先，创建一个新的 Vue 项目：$ vue create electron-vue-app 安装electron-builder：$ cd electron-...
前端部分完全集成了vue-element-admin Vue 相关 Vue:v2.6.11 Vue Router:v3.4.3 Vuex:v3.5.1 element-ui:v2.13.1 客户端及服务端 electron:v10.1.2 node:v12.18.2 本机环境的 node 版本,此版本下可以正常开发及打包,仅供参考 构建及调试工具
vue-admin-template,基于vue-element-admin的一套后台管理系统基础模板(最少精简版),只包含了 Element UI & axios & iconfont & permission control & lint。 克隆项目 && 安装依赖 && 启动项目 git clone https://github.com/PanJiaChen/vue-admin-template.git ...