参考:https://electronjs.org/docs/tutorial/first-app
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体,而不是 Web 服务器。
这不意味着 Electron 是某个图形用户界面(GUI)库的 JavaScript 版本。 相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器。
使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用,其实这个应用领域很广泛的,VSCode、Skype、Atom都是基于这个开发。
我只写一下入门步骤
1、下载例子
# 克隆这仓库
$ git clone https://github.com/electron/electron-quick-start
# 进入仓库
$ cd electron-quick-start
# 安装依赖库
$ npm install
# 运行应用
$ npm start
2、打包发布
使用electron-builder
https://github.com/electron-userland/electron-builder
修改 package.json文件
"scripts": {
"pack": "electron-builder --dir",
"dist": "electron-builder"
}
"build": {
"appId": "your.id",
"mac": {
"category": "your.app.category.type"
}
}
执行
yarn dist
在dist目录下生成 dmg文件,直接执行可以安装啦
草草笔记 记录一下,只做备忘未深入。
网友评论