目錄結構 | Quasar Framework - Quasar 框架

Quasar CLI with Webpack - @quasar/app-webpack

Directory Structure

這是安裝所有模式的專案結構。但別害怕！

提示

如果你是初學者，你只需要關心 /quasar.config 檔案 (Quasar 應用程式設定檔)、/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 Store (如果未使用 Vuex)

index.js

# Pinia 初始化

<store>

# Pinia store...

<store>...

store/

# Vuex Store (如果未使用 Pinia)

index.js

# Vuex Store 定義

<folder>

# Vuex Store 模組...

<folder>

# Vuex Store 模組...

App.vue

# 應用程式的根 Vue 元件

index.template.html

# index.html 的範本

src-ssr/

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

src-pwa/

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

src-capacitor/

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

src-cordova/

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

src-electron/

# Electron 特定程式碼 (例如「主」執行緒)

src-bex/

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

dist/

# 生產建置的輸出位置

spa

# 建置 SPA 時的範例

ssr

# 建置 SSR 時的範例

electron

# 建置 Electron 時的範例

...

quasar.config.js

# Quasar 應用程式設定檔

.gitignore

# GIT 忽略路徑

.editorconfig

# EditorConfig 檔案

.eslintignore

# ESLint 忽略路徑

.eslintrc.cjs

# ESLint 設定

postcss.config.cjs

# PostCSS 設定

babel.config.cjs

# Babel 設定

jsconfig.json

# Editor 設定 (如果未使用 TypeScript)

tsconfig.json

# TypeScript 設定

package.json

# npm 指令碼和依賴項

README.md

# 網站/應用程式的 Readme

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