electron详细介绍,electron打包成桌面应用程序的详实介绍

图片 1
永利皇宫402

一.前提条件

   a. 安装了node

 b.安装了electron

 c.你明白本人写的事物(js,css,html等等)放在10分文件夹(借使那么些文件夹命名称叫app,上面会用到)中

electron打包成桌面应用程序的详尽介绍,electron详细介绍

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"
  }

 

1.前提条件

   a. 安装了node

 b.安装了electron

 c.你精通本人写的事物(js,css,html等等)放在1贰分文件夹(假使那一个文件夹命名称叫app,上边会用到)中

3.打包成exe

 a.直接在app文件夹下张开命令窗口,输入 命令 electron-packager 
.  –win –out MyAPP –arch=x6肆 –version 一.四.一三 –overwrite
==ignore=node_modules

  在那之中 .
表示打包当前;MyApp表示输出的文本夹名;壹.4.一叁表示electron的版本,必须与安插文件 package.json (常常位于 app/)
中的dependenice中的保持壹致;前边还有1对其余的陈设能够点开,能够友善切磋一下。

  打包成功如下:图片 1

   

上述内容出自大神文档+本人实际操作,如不正常,接待提议。

 

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 My应用软件 –arch=x6四 –version 一.4.1三 –overwrite
==ignore=node_modules

  个中 .
表示打包当前;MyApp表示输出的文书夹名;壹.四.壹三象征electron的本子,必须与布局文件
package.json (平时位于 app/)
中的dependenice中的保持一致;后边还有一些任何的陈设能够点开,能够协调研究一下。

  打包成功如下:图片 2

   

以上内容来自大神文书档案+自己实际操作,如有反常态,招待建议。

 

一.前提条件 a. 安装了node b.安装了electron
c.你掌握自个儿写的东西(js,css,html等等)…

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图