Vuetify 文件结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

.
├── public/                  # 静态资源（直接复制到构建结果）
│   └── favicon.ico          # 网站图标
│
├── src/                     # 核心源码目录
│   ├── assets/              # 静态资源（由构建工具处理）
│   │   └── vuetify.svg      # Vuetify 默认 Logo
│   │
│   ├── components/          # 可复用的 Vue 组件
│   │   └── HelloWorld.vue   # 示例组件
│   │
│   ├── layouts/             # 页面布局组件
│   │   └── Default.vue      # 默认布局（含导航栏/页脚）
│   │
│   ├── plugins/             # Vue/Vuetify 插件配置
│   │   └── vuetify.js       # Vuetify 主题/组件配置入口
│   │
│   ├── pages/               # 在此文件夹中创建的VUE组件将自动转换为可导航路由(页面)
│   │   └── index.vue        # 首页
│   │   
│   ├── router               # 路由页面组件
│   │   └── index.ts         # 自动路由
│   │
│   ├── stores               # Pinia
│   │   ├── app.ts
│   │   └── index.ts         
│   │    
│   ├── styles               # vuetify 样式设置
│   │   └── settings.scss    
│   │    
│   ├── App.vue              # Vue 根组件
│   ├── main.js              # 应用入口（初始化 Vue 实例）
│   └── routes.js            # 路由配置（若选择启用路由）
│
├── .gitignore               # Git 忽略规则
├── index.html               # 应用 HTML 入口
├── package.json             # 项目依赖和脚本配置
├── pnpm-lock.yaml           # 依赖锁文件（pnpm 专用）
├── README.md                # 项目说明文档
├── vite.config.js           # Vite 构建工具配置
└── .eslintrc.cjs            # ESLint 代码规范配置（若选择启用）