目录结构 | Quasar 框架

Quasar CLI with Vite - @quasar/app-vite

目录结构

这是包含所有模式的项目的结构。不过，不用担心！

提示

如果您是初学者，您只需要关心 /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 路由器

index.js

# Vue 路由器定义

routes.js

# 应用路由定义

stores/

# Pinia 存储（如果未使用 Vuex）

index.js

# Pinia 初始化

<store>

# Pinia 存储...

<store>...

store/

# Vuex 存储（如果未使用 Pinia）

index.js

# Vuex 存储定义

# Vuex 存储模块...

# Vuex 存储模块...

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 特定代码（例如“主”线程）

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 配置

jsconfig.json

# 编辑器配置（如果未使用 TypeScript）

tsconfig.json

# TypeScript 配置

package.json

# npm 脚本和依赖项

README.md

# 网站/应用的自述文件

发现错误了吗？在浏览器中编辑此页面