首先用脚手架创建一个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里边的终端,不知道什么原因会出问题