Electron 與 Typescript | Quasar Framework - Quasar 框架

如何貢獻

選項 & 輔助工具

樣式 & 識別

佈局與格線

Vue 元件

Vue 指令

Quasar 插件

Vue 組合式函式

安全性

Quasar CLI (搭配 Vite)

Quasar CLI (搭配 Webpack)

quasar.config 檔案

轉換為搭配 Webpack 的 CLI

瀏覽器相容性

支援 TypeScript

CSS 預處理器

延遲載入 - 程式碼分割

處理 process.env

使用 Pinia 的狀態管理

使用 Vuex 的狀態管理

測試與稽核

SPA 模式

SSR 模式

PWA 模式

開發行動應用程式

Capacitor 模式

Cordova 模式

Electron 模式

配置 Electron

Electron 的應用程式圖示

預載入腳本

Electron 套件

無邊框 Electron 視窗

搭配 Typescript 的 Electron

Electron 安全考量

疑難排解與提示

瀏覽器擴充功能模式

開放 Dev Server 給公眾

Icon Genie CLI

App 擴充功能

Quasar 工具程式

搭配 Webpack 的 Quasar CLI - @quasar/app-webpack

搭配 Typescript 的 Electron

為了支援搭配 Typescript 的 Electron，您需要

確保您的專案已配置 Typescript。
然後將 /src-electron 中檔案的副檔名從 .js 重新命名為 .ts，並進行必要的 TS 程式碼變更。

提示

@electron/packager 和 electron-builder 從它們自己的套件匯出其配置類型。由於 /quasar.config 檔案中的自動完成功能依賴於這些類型，因此只有在安裝各自的套件後，electron.packager 和 electron.builder 屬性才會被完全類型化。您可以透過在 Electron 模式下執行建置命令來強制安裝選定的打包器（取決於您的 electron.bundler 選項）：quasar build -m electron

更多資訊：支援 TS

發現錯誤？在瀏覽器中編輯此頁面