开发
$ quasar dev -m electron
# ..or the longer form:
$ quasar dev --mode electron
# passing extra parameters and/or options to
# underlying "electron" executable:
$ quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox
# when on Windows and using Powershell:
$ quasar dev -m electron '--' --no-sandbox --disable-setuid-sandbox
它打开一个包含开发者工具的 Electron 窗口。 渲染进程拥有 HMR,主进程的变化也会被识别(但主进程会在每次变化时重启 Electron 窗口)。
查看如何在 配置 Electron 页面上调整主进程和预加载脚本的 Webpack 配置对象。
Chrome 开发者工具
在开发模式下,按下以下组合键(当你的应用窗口处于焦点状态时)
- macOS: Cmd Alt I 或 F12
- Linux: Ctrl Shift I 或 F12
- Windows: Ctrl Shift I 或 F12
Vuejs 开发者工具
如果你想要访问渲染线程的 Vue 开发者工具
$ quasar dev -m electron --devtools
生产环境构建
$ quasar build -m electron
# ..or the longer form:
$ quasar build --mode electron
它会为生产环境构建你的应用,然后使用 @electron/packager 将其打包成可执行文件。 查看如何在 配置 Electron 页面上配置此操作。
如果你想要一个启用 UI 代码调试的生产环境构建
$ quasar build -m electron -d
# ..or the longer form
$ quasar build -m electron --debug
非 Windows 用户注意
如果你想使用非 Windows 平台构建 Windows 版本,并使用自定义图标,你必须安装 wine。 更多信息.
发布(仅限 electron-builder)
$ quasar build -m electron -P always
# ..or the longer form:
$ quasar build --mode electron --publish always
你可以在命令行中指定使用 electron-builder
来构建你的应用(--bundler builder
),或者在 /quasar.config
文件的 electron.bundler
中显式设置。 当使用 @electron/packager
时,此标志无效。
目前(2019 年 6 月)支持的发布目的地包括 GitHub、Bintray、S3、Digital Ocean Spaces 或通用 HTTPS 服务器。 更多信息,包括如何创建有效的发布说明,可以在 此处 找到。
-P
的有效选项是 “onTag”、“onTagOrDraft”、“always” 和 “never”,在上面的链接中进行了解释。 此外,你的 /quasar.config
文件的 electron.builder
中必须有有效的 publish
配置说明。
将 Windows EXE 安装文件发布到 Amazon S3 的一个非常基本的配置可能如下所示
electron: {
bundler: 'builder', // set here instead of using command line flag --bundler
builder: {
appId: 'com.electron.myelectronapp',
win: {
target: 'nsis'
},
publish: {
'provider': 's3',
'bucket': 'myS3bucket'
}
}