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

606 阅读1分钟

创建项目

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

vue create hello-world

2.集成electron

vue add vue-cli-plugin-electron-builder

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

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

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

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

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

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

集成完毕以后

3.运行

npm run electron:serve

4.打包

npx run electron:build

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

{
"electron:build":"npx cross-env CSC_IDENTITY_AUTO_DISCOVERY=false vue-cli-service electron:build"
}