Electron 打包命令
开发
$ quasar dev -m electron
# 或更长的格式:
$ quasar dev --mode electron
# 传递更多的参数和选项给底层的 "electron"
$ quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox
# 当在 Windows 上使用 Powershell 时:
$ quasar dev -m electron '--' --no-sandbox --disable-setuid-sandbox
运行成功后会打开一个 Electron 窗口渲染您的应用并在右边打开一个开发者调试工具。当您修改渲染进程的代码时,项目将会热更新,但是修改主进程的代码时窗口将会重启。
关于如何修改 Esbuild 打包主进程和 Preload 脚本的配置项,请参考:Electron 配置项页面
Chrome DevTools
当处于开发模式时,使用以下快捷键(当您的应用窗口聚焦时):
- macOS: Cmd Alt I 或者 F12
- Linux: Ctrl Shift I 或者 F12
- Windows: Ctrl Shift I 或者 F12
Vuejs Devtools
您可能也想使用 Vuejs Devtools 来调试渲染进程:
$ quasar dev -m electron --devtools
构建生产版本
$ quasar build -m electron
# 或者更长的格式:
$ quasar build --mode electron
这个命令会为您的应用构建生产版本,然后使用 electron-packager 将其打包成可执行文件。请参考 Electron 配置项页面进行配置。
如果您想构建一个 UI 带调试功能的版本:
$ quasar build -m electron -d
# 或者更长的格式:
$ quasar build -m electron --debug
非 Windows 用户的注意
如果您想使用一个非 Windows 平台来构建一个 Windows 应用,并自定义其图标,您必须安装 wine。更多信息。
发布 (仅支持 electron-builder)
$ quasar build -m electron -P always
# 或者更长的格式:
$ quasar build --mode electron --publish always
您可以指定使用 electron-builder
来构建您的应用,直接在命令行的打包命令中加上 --bundler builder
,或者修改 quasar.config.js
中的 electron.bundler
配置项。使用 electron-packager
时 --publish 参数不会生效。
目前(2019 年 6 月)支持发布的平台包括: GitHub、Bintray、S3、Digital Ocean Spaces、或一个 generic HTTPS server。更多关于发布的信息,请参考。
-P
的有效选项包括 “onTag”、“onTagOrDraft”、“always” 和 “never”,这些选项在上面的链接中进行了解释。此外,您必须在 quasar.config.js
中的 electron.builder
中配置有效的 publish
字段。
下面是一个讲的示例,发布一个 Windows EXE 安装包到 Amazon S3 上:
// quasar.config.js
electron: {
bundler: 'builder', // 代替命令行中的 --bundler 参数
builder: {
appId: 'com.electron.myelectronapp',
win: {
target: 'nsis'
},
publish: {
'provider': 's3',
'bucket': 'myS3bucket'
}
}