书接上回我们继续,拿官方示例进行开刀
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打包工具的最简化使用