vue/cli4 electron

npm install -g cnpm
npm install -g yarn
cnpm install -g @vue/cli
vue create my-project
cd my-project

添加文件.yarnrc

registry "https://registry.npm.taobao.org"

sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"
yarn add -D electron-chromedriver
vue add vue-cli-plugin-electron-builder
npm run electron:serve
npm run electron:build

electron+vue+vuetify+typescript

在这里插入图片描述
同样,要把前面的.yarnrc文件加入到项目中,再执行
vue add vuetify
选择default(recommended)
vue add electron-builder
选择最新版本
在这里插入图片描述
此时,直接yarn run electron:serve是不显示electron窗口的,我也不知道为啥。。。

在这里插入图片描述
在一段时间,以及vue devtools failed to install 之后,窗口显示了。。。

根据提示,是插件electron-devtools-installer安装失败,所以窗口不显示
解决方法:在background.js文件中注释掉所有使用VUEJS_DEVTOOLS的地方就可以了

解决 unable to verify the first certificate 错误

配置环境变量
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值