vue3.0+ts+electron实现桌面端的开发

首先用脚手架创建一个vue3.0的项目,项目需要使用ts且使用class-style的方式创建vue3.0+ts项目。
在这里插入图片描述
项目完成后,先熟悉ts语言,熟悉之后熟悉class-style项目。

熟悉项目之后,引入electron,安装之前建议先配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

vue创建好一个本地项目之后,可以到项目根目录执行

vue add electron-builder

耐心等待安装结束,如果中间出现错误中断,请重复此步骤。

Electron的依赖包下载失败,其下载地址在国外,所以依赖没有下载成功。
解决的方法就是在~/.npmrc里做如下设置,

electron_mirror="https://npm.taobao.org/mirrors/electron/"

如果使用的是yarn,请将.yarnrc添加

ELECTRON_MIRROR "https://npm.taobao.org/mirrors/electron/"

配置完成后,重启终端,尽量不要使用vscode里边的终端,不知道什么原因会出问题

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值