确实是以桌面应用程序的形式运行了。但是，我们希望我们的应用程序直接打包成.exe，.app的形式，而不是让我们的用户手动输入命令启动应用程序。而看看官方文档，你就会发现，官方给出的打包方法还是有一些坑的，如果处理不好，就要中招。所以，我们使用更加方便的electron-packager。github链接在此：https://github.com/electron-userland/electron-packager。首先，我们还是按教程输入指令来安装它。同样，这个指令在Linux，Mac，Windows上通用。
安装方法和Electron一样，从git上下载下来，进行安装。需要注意的是，上图的两个指令我们执行其中一个就可以了。推荐执行第二个，因为第二个是全局安装，安装之后我们就可以在控制台直接执行electron-packager命令，大大方便了我们的效率。
安装好后，我们开始打包。首先，把我们的项目目录拷贝到我们之前安装的electron目录下：
由于我们的应用程序入口文件是app下的CG1.html，所以我们还需要打开main.js配置一下入口文件：
然后，打开package.json文件，配置一下参数。
这里只配置了name参数，因为name参数和我们打包之后生成的应用程序名称有关。接下来，通过控制台进入我们的electron目录（就是有main.js有package.json的那个目录），
在控制台执行如下命令：
不要漏看了还有个"."，这个指当前目录的意思。其实，如果全局安装了electron-packager，那我们呀可以把.换成任意的路径。由于这个命令可以自动的检测当前计算机的操作系统，还能检测出是32位还是64位，所以我们大可省略一些参数。但如果要生成可定制平台的软件，需要带上一些参数，详细的在其项目的github中都已给出。相信大家如果有这个需求，那搞定这些参数应该不在话下。静待一会儿，打包完毕。我们可以在文件夹下看到多了一个名为CG1-win32-x64的文件夹。打开之后，点击CG1.exe，即可打开应用程序，此程序已经可以作为发布版本提供给用户！
最后，推荐一下Electron的中文教程：https://www.w3cschool.cn/electronmanual/p9al1qkx.html
以上这篇使用JavaScript开发跨平台的桌面应用详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: