HTML5技术

electron打包成桌面应用程序的详细介绍 - YouForMe

字号+ 作者:H5之家 来源:H5之家 2017-08-18 08:01 我要评论( )

1.前提条件 a. 安装了node b.安装了electron c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中 2.安装electron-packager a.在app文件夹中打开 命令窗口 (在空白处使用 shift + 鼠标右击 就可以看到) b.

1.前提条件

   a. 安装了node

 b.安装了electron

 c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中

2.安装electron-packager

 a.在app文件夹中打开命令窗口(在空白处使用 shift + 鼠标右击 就可以看到)

 b.在命令栏中输出 npm install electron-packager -g 

  安装完毕后,确保在配置文件 package.json (通常放在 app/) 中的dependenice中有 electron-packager

"devDependencies": { "electron": "~1.6.2", "electron-packager": "^8.7.2", "gulp": "^3.9.1" }

 

3.打包成exe

 a.直接在app文件夹下打开命令窗口,输入 命令 electron-packager  .  --win --out MyAPP --arch=x64 --version 1.4.13 --overwrite ==ignore=node_modules

  其中 . 表示打包当前;MyApp表示输出的文件夹名;1.4.13表示electron的版本,必须与配置文件 package.json (通常放在 app/) 中的dependenice中的保持一致;后面还有一些其他的配置可以点开,可以自己研究一下。

  打包成功如下:

   

以上内容来自大神文档+本人实操,如有问题,欢迎提出。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 使用JS开发桌面端应用程序NW.js-2-开发问题小记 - 小小沧海

    使用JS开发桌面端应用程序NW.js-2-开发问题小记 - 小小沧海

    2017-07-12 11:00

  • 前端如何将H5页面打包成本地app? - zhoulin-circle

    前端如何将H5页面打包成本地app? - zhoulin-circle

    2017-07-05 08:01

  • 使用JS开发桌面端应用程序NW.js-1-Menu菜单的使用小记 - 小小沧海

    使用JS开发桌面端应用程序NW.js-1-Menu菜单的使用小记 - 小小沧海

    2017-05-13 10:00

  • [原创] 基于RDP的桌面广播 - Mobwiz

    [原创] 基于RDP的桌面广播 - Mobwiz

    2016-02-04 10:31

网友点评
b