electron填坑教程(2)-官方示例以及部署打包

书接上回我们继续,拿官方示例进行开刀

windows命令行下执行会报错

 cnpm install && npm start
标记“&&”不是此版本中的有效语句分隔符。
    + CategoryInfo          : ParserError: (:) [], ParentContainsErrorRecordException

这是&&的问题,直接分开执行即可.

---

下面是windows下执的状态

PS C:\Users\qu\electron\t> git clone https://github.com/electron/electron-quick-start
Cloning into 'electron-quick-start'...
remote: Counting objects: 279, done.
remote: Total 279 (delta 0), reused 0 (delta 0), pack-reused 279Receiving objects:  78%
(218/279)
Receiving objects: 100% (279/279), 47.11 KiB | 222.00 KiB/s, done.
Resolving deltas: 100% (130/130), done.
PS C:\Users\qu\electron\t> cd electron-quick-start
PS C:\Users\qu\electron\t\electron-quick-start> cnpm install
√ Installed 1 packages
√ Linked 147 latest versions
√ Run 1 scripts
Recently updated (since 2018-04-23): 3 packages (detail see file C:\Users\qu\electron\t\electron-quick-start\node_modules\.recently_updates.txt)
√ All packages installed (154 packages installed from npm registry, used 6s, speed 170.
77kB/s, json 148(1.04MB), tarball 0B)
PS C:\Users\qu\electron\t\electron-quick-start> cnpm start

> electron-quick-start@1.0.0 start C:\Users\qu\electron\t\electron-quick-start
> electron .

执行完毕后就可以看到官方的示例hello world了.

这就完了?当然没有

下面我们进行应用部署打包(两种创建安装程序和普通打包electron-packager 和 electron-builder.)成为正常的可执行程序

electron-packager可以参见官方文档进行使用这里不做介绍https://www.npmjs.com/package/electron-packager
想要安装的话执行下面代码即可

cnpm install -g electron-packager

下面是builder的安装使用

cnpm install electron-builder -g

安装后
electron-builder --version
查看是否安装成功
全局安装之后，在命令行中，electron-builder有个别名叫做builder

安装完成后，配置工程的 package.json，在最后一个花括号（}）前添加：

    ,"build": {
      "appId": "your.id",
      "mac": {
        "category": "your.app.category.type"
      }
    }

在对应的目录下执行以下命令即可进行生成windows版本的
“`cmd
electron-builder –win –x64

<h2> “`

以下这个帖子会对大家有很好的帮助
electron-builder打包工具的最简化使用

electron-利用node开发桌面应用