Electron + Vue + ElementUI 之HelloWorld

sudo npm install @vue/cli -g
sudo npm install @vue/cli-service -g
sudo npm install -g electron

node -v
vue -V
electron -v
vue create vue-electron-demo

在这里插入图片描述

cd vue-electron-demo 
npm run serve

在这里插入图片描述
添加Electron

sudo vue add electron-builder

在这里插入图片描述

运行electron

 npm run electron:serve

在这里插入图片描述

npm run electron:build

提示下载失败,貌似需要翻墙,vpn开全局多试一次可以了:
⨯ Get “https://github.com/electron/electron/releases/download/v13.6.3/electron-v13.6.3-darwin-x64.zip”: read tcp 172.20.10.2:62709->140.82.114.4:443: read: operation timed out
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

添加ElementUI

vue add element

在这里插入图片描述
报node-sass错误,vue2使用的才是elementui,vue3用的是element-plus

sudo vue add element-plus

在这里插入图片描述

Element Plus

运行Electron报错
https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupported
在这里插入图片描述
node17运行存在以上问题,node需要使用16版本

n 16.13.0
npm run electron:serve

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值