為何捐款
API 瀏覽器
升級指南
新功能!
quasar.config 檔案
轉換為搭配 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
延遲載入 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
Quasar CLI with Webpack - @quasar/app-webpack
App Icons for SPA

此建置目標包含各種針對個別瀏覽器和作業系統的特殊圖示。您需要全部圖示 - 如果您發現任何新的或遺失的圖示,請提出 issue

Icon Genie CLI

TIP

我們強烈建議使用 Icon Genie CLI,因為它可以使用來源圖示,並自動複製、縮放、最小化圖示,並將它們放置在適當的目錄中。在需要時,它也會告訴您需要將哪些標籤添加到您的 /index.html 或 /src/index.template.html 檔案中。

使用 Icon Genie CLI 快速引導必要的圖像。如需完整的選項列表,請訪問 Icon Genie CLI 命令列表頁面。

$ icongenie generate -m spa -i /path/to/source/icon.png

手動操作說明

favicon.ico
favicon-128x128.png
favicon-96x96.png
favicon-32x32.png
favicon-16x16.png

參考上述檔案所需的 HTML 程式碼,需放入 /index.html 或 /src/index.template.html 中

<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">