為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
將專案轉換為搭配 Vite 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
懶加載 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Vite
處理 process.env
使用 Pinia 進行狀態管理
使用 Vuex 進行狀態管理
Linter
測試與審核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
Quasar CLI 搭配 Vite - @quasar/app-vite
Electron 建置命令

開發中

$ 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 IF12
  • Linux: Ctrl Shift IF12
  • Windows: Ctrl Shift IF12

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 的非常基本設定可能如下所示

/quasar.config 檔案

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'
    }
  }