这篇博文只是用的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就好了,很迷
这篇文章的最后告诉我生成的还是一个文件夹而不是一个exe,所以要用到inno setup进一步打包https://jingyan.baidu.com/article/3052f5a110e95b97f21f8640.html可以参照这个网站的方法去打包,感觉会比原文的稍微好些,打包成功后找到
自己生成的这个文件,双击安装下,当然我觉得也可以在iss文件点击启动按钮来安装。
这是直接在编译页面点绿色按钮的最终效果,这一步基本已经安装好了app,直接双击就可以打开啦