我的GitHub
0%

无星的electron之旅(一)——创建Vue的electron项目

创建项目

1.使用脚手架正常创建项目

1
vue create hello-world

2.集成electron

1
vue add vue-cli-plugin-electron-builder

不过这一步可能大多数同学可能卡在下载electron这,因为众所周知的原因,它需要很久

因此我们推荐使用国内源加速

1
npx cross-env ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/" vue add vue-cli-plugin-electron-builder

这种方式能有效加速你的集成

也可以创建.npmrc文件放在项目中

1
2
# .npmrc
electron_mirror="https://npm.taobao.org/mirrors/electron/"

集成完毕以后

3.运行

1
npm run electron:serve

4.打包

1
npx run electron:build

macos打包,需要忽略签名,修改electron:build

1
2
3
{
"electron:build":"npx cross-env CSC_IDENTITY_AUTO_DISCOVERY=false vue-cli-service electron:build"
}
我是阿星,阿星的阿,阿星的星!