electron + vue工程的一个创建记录

柔情只为你懂 2022-12-16 09:26 152阅读 0赞

我的电脑是mac 哈

在electron的官网好像没有看到 electron + vue 工程的一个创建教程

vue init simulatedgreg/electron-vue my-project

很多的教程都是跑这个命令去下载这个工程的  
然后根据他的提示选择自己要的相关配置后 执行一个yarn操作

但是问题就来了，这个仓库很久没有更新过了  
反正我在yarn的时候他在下载一个electron包的时候会一直卡住  
等不到他的结束

当然也是有找到解决这个问题的办法的

[https://juejin.im/post/6844904119837130760][https_juejin.im_post_6844904119837130760]  
直接把electron的zip包下载到本地  
直接浏览器打开淘宝那个镜像源：npm.taobao.org/mirrors/ele…，把你要安装的electron对应的版本zip包下载到本地，放在用户目录下的一个名为.electron的隐藏文件夹中，  
因为我以前安装electron的时候下载成功过，发现下载下来的zip包就是存在这个文件夹下的。  
准备好zip包之后回到终端执行安装命令。

yarn add electron@8.2.0 -D
    or
    npm install electron@8.2.0 -D

复制代码搞定了electron之后，然后在执行yarn安装其它的依赖。

我是有操作过这个办法，把下载到的安装包放到了隐藏目录下在执行yarn，发现他还是会去下载那个包，所以本质的问题还是没有得到解决，加上看到好多人说这个仓库很久没有更新的，即使下载下来了以后也是需要更新一下相关配置等等，我就放弃了用这个命令安装工程的想法了。

绕了很久以后终于看到一篇讲的很详细很详细的文章

这里分享一下哈 讲的又详细，流程又很清除，真的写的很好！  
[https://juejin.im/post/6844903878429769742][https_juejin.im_post_6844903878429769742]

按照他的流程走了以后，终于完成了我的electron + vue工程的创建，玩具已经有了，那就开始玩吧！

[https_juejin.im_post_6844904119837130760]: https://juejin.im/post/6844904119837130760
[https_juejin.im_post_6844903878429769742]: https://juejin.im/post/6844903878429769742