用electron打包项目(事实证明世界上百分之九十的问题都能用重装解决)

123 阅读1分钟

这篇博文只是用的electron官网的demo打包app,并没有把vue项目加进去(毕竟只是个记录贴)。。。当然会了一下内容加vue也就是分分钟的事

step 1: blog.csdn.net/xy_zhangchn… 本人亲测如果直接从github clone项目会很慢而且很可能不成功,所以建议采用上面这篇博客的方法把https://github.com/electron/electron-quick-star 先生成到自己的仓库中,再从自己的仓库clone就会很快啦

step 2: blog.csdn.net/qq_37899792… 然后按照这篇博文的内容npm start成功后这一步就结束啦

step 3: zhuanlan.zhihu.com/p/59765568 接着从上面这篇博文的第六步开始接着往下,在这里我出现了一个很奇怪的bug,一直说我的JSON有问题巴拉巴拉,改了很久都没改好,最后重装了一次packager就好了,很迷

image.png

这篇文章的最后告诉我生成的还是一个文件夹而不是一个exe,所以要用到inno setup进一步打包https://jingyan.baidu.com/article/3052f5a110e95b97f21f8640.html可以参照这个网站的方法去打包,感觉会比原文的稍微好些,打包成功后找到

image.png自己生成的这个文件,双击安装下,当然我觉得也可以在iss文件点击启动按钮来安装。

image.png 这是直接在编译页面点绿色按钮的最终效果,这一步基本已经安装好了app,直接双击就可以打开啦

image.png