目录结构 | Quasar 框架 - Quasar 中文

Quasar CLI with Webpack - @quasar/app-webpack

目录结构

这是所有模式都安装后的项目结构。不过，不要害怕！

提示

如果您是初学者，您只需要关心 /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 商店定义

<folder>

# Vuex 商店模块...

<folder>

# Vuex 商店模块...

App.vue

# 应用的根 Vue 组件

index.template.html

# index.html 的模板

src-ssr/

# SSR 特定代码（如生产 Node Web 服务器）

src-pwa/

# PWA 特定代码（如服务工作者）

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

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

tsconfig.json

# TypeScript 配置

package.json

# npm 脚本和依赖项

README.md

# 网站/应用的 Readme

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