美文网首页
第一个 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