目錄結構 | Quasar Framework

Quasar CLI with Vite - @quasar/app-vite

目錄結構

這是安裝所有模式的專案結構。不過，沒有理由感到害怕！

提示

如果您是初學者，您只需要關心 /quasar.config 檔案 (Quasar App Config 檔案)、/src/router、/src/layouts、/src/pages 和可選的 /src/assets。

public

# 純靜態資源 (直接複製)

src/

assets/

# 動態資源 (由 Vite 處理)

components/

# 在頁面和版面配置中使用的 .vue 元件

css/

# 應用程式的 CSS/Sass/... 檔案

app.sass

quasar.variables.sass

# 供您調整的 Quasar Sass 變數

layouts/

# 版面配置 .vue 檔案

pages/

# 頁面 .vue 檔案

boot/

# 啟動檔案 (應用程式初始化程式碼)

router/

# Vue Router

index.js

# Vue Router 定義

routes.js

# 應用程式路由定義

stores/

# Pinia Stores (如果未使用 Vuex)

index.js

# Pinia 初始化

<store>

# Pinia stores...

<store>...

store/

# Vuex Store (如果未使用 Pinia)

index.js

# Vuex Store 定義

# Vuex Store 模組...

# Vuex Store 模組...

App.vue

# 應用程式的根 Vue 元件

index.html

# index.html 的模板

src-ssr/

# SSR 特定程式碼 (例如生產環境 Node 網頁伺服器)

src-pwa/

# PWA 特定程式碼 (例如 Service Worker)

src-capacitor/

# 用於建立行動應用程式的 Capacitor 產生資料夾

src-cordova/

# 用於建立行動應用程式的 Cordova 產生資料夾

src-electron/

# Electron 特定程式碼 (例如 "main" 執行緒)

src-bex/

# BEX (瀏覽器擴充功能) 特定程式碼 (例如 "main" 執行緒)

dist/

# 生產環境建置的放置位置

spa

# 建置 SPA 時的範例

ssr

# 建置 SSR 時的範例

electron

# 建置 Electron 時的範例

...

quasar.config.js

# Quasar App Config 檔案

.gitignore

# GIT 忽略路徑

.editorconfig

# EditorConfig 檔案

.eslintignore

# ESLint 忽略路徑

.eslintrc.cjs

# ESLint 設定

postcss.config.cjs

# PostCSS 設定

jsconfig.json

# 編輯器設定 (如果未使用 TypeScript)

tsconfig.json

# TypeScript 設定

package.json

# npm 腳本和依賴項

README.md

# 您的網站/App 的 Readme

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