添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

Electron是由GitHub开发,使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序,可以帮我们把web网页项目直接打包成桌面应用程序。

一、所需环境&打包前准备

1、安装node.js

electron 依赖于node.js 需要安装node.js:
安装node(步骤,不是重点,略过)

2、安装electron

dos下,全局安装:

npm install -g electron

检查是否安装成功:

electron -v

3、web项目

二、打包过程

1、打包配置

在需要打包的web网页项目根目录下分别新建:main.js、package.json

package.json:在package.json中加入如下内容

"name" : "App", // 项目名称 "version" : "0.1.0", "main" : "main.js" // 根目录下的main.js

main.js:在main.js中加入如下代码

const {
   app, BrowserWindow} = require('electron')
const path = require('path')
				
时下流行的web app打包工具主要有两个,一个是国内开发者主导的nw.js,另一个是国外大厂支撑的electron。对比了nw.js以及electron之后还是选择了electron,原因主要有以下几点: 1、基于该工具已有广泛被使用的产品,如:atom、vs code等。 2、在开发者中口碑比较好,有大公司参与进来,遇到问题,提个issue能很快得到响应。 下载基于electron打包的Hola
开始尝试用electron搭建了一个hello world,体验还是挺不错的,对于一个web开发者来说,能把自己的开发果做一个桌面app,那将是一步巨大的跨越 藉此,再深入学习后,开始了第二个“hello world”