美文网首页
第一个 Electron 应用

第一个 Electron 应用

作者: liuxingzi | 来源:发表于2019-04-04 13:58 被阅读0次

参考: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文件,直接执行可以安装啦

草草笔记 记录一下,只做备忘未深入。

相关文章

网友评论

      本文标题:第一个 Electron 应用

      本文链接:https://www.haomeiwen.com/subject/prbfiqtx.html