開發中
$ 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頁面,了解如何調整主程序和預載腳本的 Esbuild 設定物件。
Chrome 開發者工具
在開發模式下,當您的應用程式視窗處於焦點時,按下以下組合鍵
- macOS: Cmd Alt I 或 F12
- Linux: Ctrl Shift I 或 F12
- Windows: Ctrl Shift I 或 F12
Vuejs 開發者工具
如果您也想存取渲染執行緒的 Vue Devtools
$ 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'
}
}