使用 JavaScript，HTML 和 CSS 构建跨平台的桌

image.png

electronjs基于nodejs实现桌面端应用

electronjs基于nodejs使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。www.electronjs.org/

开始

1.安装好nodejs

https://nodejs.org/zh-cn/download/

2.从GitHub下载示例

# 克隆示例项目的仓库
$ git clone https://github.com/electron/electron-quick-start
https://github.91chi.fun/https://github.com/electron/electron-quick-start.git //加速通道

# 进入这个仓库
$ cd electron-quick-start

# 安装依赖并运行
$ npm install && npm start

项目成功启动

image.png

3.打包桌面程序

首先安装依赖

npm install electron-packager -g

在package.json里面的scripts增加命令：

"build": "electron-packager . myClient --win --out ./myClient --arch=x64 --app-version=0.0.1 --electron-version=9.0.5"

它的意思是：

• myClient 应用名称
• win：打包平台（以Windows为例）
• out ../myClient：输出目录
• arch=64：64位
• app-version=0.0.1：应用版本
• electron-version electronjs版本号

打包

npm run build

image.png