简介

项目整体目录结构图介绍：

vue-prev-admin vue2.x 的目录结构也会基于该结构进行修改

长期赞助商

vueNextAdmin 是免费和开源的，由优秀的赞助商提供支持 ❤️。

目录结构图

目录结构将 定期更新。树结构生成 cmd 输入 tree 或 tree /f

├── vueNextAdmin
	├── public (存放浏览器标题favicon.ico、静态json数据)
	│
	├── src (存放视图、工具类、image)
	│	├── api (与服务端对接的接口函数定义。建议视图文件夹与api文件夹相同，如login文件夹)
	│	│   ├── login (登录接口函数)
	│	│   └── menu (菜单接口函数)
	│	│
	│	├── assets (本地静态资源：图片、svg等)
	│	│
	│	├── components (存放公用全局组件)
	│	│   ├── auth (鉴权)
	│	│   ├── cropper (裁剪图片)
	│	│   ├── editor (富文本编辑器)
	│	│   ├── iconSelector (图标选择器)
	│	│   ├── noticeBar (滚动通知)
	│	│   ├── svgIcon (自定义封装 svg 图标)
	│	│   └── table (自定义封装 table)
	│	│
	│	├── directive (自定义指令内容)
	│	│
	│	├── i18n (存放框架国际化内容)
	│	│   ├── lang (框架内置国际化)
	│	│   └── pages (自定义国际化)
	│	│       ├── formI18n (表单)
	│	│       ├── home (首页)
	│	│       └── login (登录页)
	│	│
	│	├── layout (存放框架布局视图)
	│	│   ├── component (布局公用组件)
	│	│   ├── footer (页脚)
	│	│   ├── lockScreen (锁屏)
	│	│   ├── logo (logo)
	│	│   ├── main (主布局)
	│	│   ├── navBars (顶栏信息)
	│	│   │   ├── topBar (面包屑、关闭全屏、菜单搜索、布局配置、用户信息、消息通知)，（v2.4.33版本改）
	│	│   │   └── tagsView (标签页)
	│	│   ├── navMenu (导航菜单)
	│	│   ├── routerView (路由视图出口、外链、iframe内嵌)
	│	│   ├── upgrade (版本升级提示组件)
	│	│   └── sponsors (赞助商组件)
	│	│
	│	├── mock (存放模拟数据，非mock.js。用于城市多级联动)
	│	│
	│	├── router (存放路由信息)
	│	│
	│	├── stores (存放组件的状态 pinia)
	│	│
	│	├── theme (存放框架样式)
	│	│   ├── common (基础样式)
	│	│   ├── media (媒体查询)
	│	│   └── mixins (scss混入)
	│	│
	│	├── types (ts 类型定义文件)
	│	│   ├── axios.d.ts (扩展 axios 数据返回类型，可自行扩展)
	│	│   ├── global.d.ts (全局 ts 类型定义申明)
	│	│   ├── layout.d.ts (layout 布局 ts 类型定义申明)
	│	│   ├── mitt.d.ts (mitt 事件总线 ts 类型定义申明)
	│	│   ├── pinia.d.ts (pinia ts 类型定义申明)
	│	│   └── views.d.ts (views 视图各界面 ts 类型定义申明)
	│	│
	│	├── utils (存放工具类函数)
	│	│
	│	└── views (存放页面视图)
	│			├── chart (大数据图表演示)
	│			├── error (404、401)
	│			├── fun (功能演示)
	│			│   ├── clipboard (复制剪切)
	│			│   ├── countup (countup 数字滚动)
	│			│   ├── cropper (cropper 图片裁剪)
	│			│   ├── echartsMap (地理坐标/地图)
	│			│   ├── gridLayout (拖拽布局)
	│			│   ├── printJs (页面打印)
	│			│   ├── qrcode (qrcode 二维码生成)
	│			│   ├── splitpanes (窗格拆分器)
	│			│   ├── tagsView (tagsView 操作)
	│			│   └── wangEditor (wangEditor 编辑器)
	│			├── home (首页)
	│			├── limits (权限管理演示)
	│			│   ├── backEnd (后端控制)
	│			│   │   └── page (页面权限)
	│			│   └── frontEnd (前端控制)
	│			│       ├── btn (按钮权限)
	│			│       └── page (页面权限)
	│			├── login (登录界面)
	│			│   └── component (登录界面组件)
	│			├── menu (菜单嵌套演示)
	│			│  ├── menu1 (menu1)
	│			│  │  ├── menu11 (menu11)
	│			│  │  ├── menu12 (menu12)
	│			│  │  │   ├── menu121 (menu121)
	│			│  │  │   └── menu122 (menu122)
	│			│  │  └── menu13 (menu13)
	│			│  └──  menu2 (menu2)
	│			├── pages (页面演示)
	│			│   ├── awesome (awesome 字体图标)
	│			│   ├── drag (拖动指令)
	│			│   ├── dynamicForm (动态复杂表单)
	│			│   ├── element (element 字体图标)
	│			│   ├── filtering (过滤筛选组件)
	│			│   ├── formAdapt (表单自适应)
	│			│   ├── formI18n (表单国际化)
	│			│   ├── formRules (多表单验证)
	│			│   │   └── component (多表单验证各组件)
	│			│   ├── iocnfont (iconfont 字体图标)
	│			│   ├── lazyImg (图片懒加载)
	│			│   ├── listAdapt (列表自适应)
	│			│   ├── preview (大图预览)
	│			│   ├── steps (步骤条)
	│			│   ├── tableRules (表单表格验证)
	│			│   ├── tree (树形改表格)
	│			│   ├── waterfall (瀑布屏)
	│			│   └── workflow (工作流)
	│			│       └── component (工作流组件)
	│			│           ├── contextmenu (工作流右键菜单)
	│			│           └── drawer (工作流拖拽组件)
	│			├── make (组件封装)
	│			│   ├── selector (图标选择器)
	│			│   ├── noticeBar (滚动通知栏)
	│			│   ├── svgDemo (svg 演示)
	│			│   └── tableDemo (自定义封装 table)
	│			├── params (路由参数演示)
	│			│   ├── common (普通路由)
	│			│   └── dynamic (动态路由)
	│			├── personal (个人中心)
	│			├── system (系统设置)
	│			│   ├── menu (菜单管理)
	│			│   │   └── component (菜单管理组件)
	│			│   └── user (用户管理)
	│			├── tools (工具类集合)
	│			└── visualizing (数据可视化)
	│
	├── .env (全局默认配置文件，无论什么环境都会加载合并)
	├── .env.development (开发环境的配置文件)
	├── .env.production (生产环境的配置文件)
	├── .eslintignore (eslint忽略配置)
	├── .eslintrc.js (eslint配置)
	├── .gitignore (git提交忽略配置)
	├── .prettierrc.js (prettier代码格式化配置)
	├── CHANGELOG.md (框架更新日志)
	├── index.html (用户页面访问入口)
	├── LICENSE (开源许可证)
	├── package-lock.json (npm锁定安装时的包的版本号)
	├── package.json (包的依赖管理配置文件)
	├── README.md (框架介绍文件)
	├── tsconfig.json (ts配置文件)
	└── vite.config.ts (vite配置文件)

仓库代码各分支说明（后续将添加更多分支）

项目切换分支后，README.md 文件内容都会不一样，请注意看 README.md 文件中的第一项 介绍 内容，会大概介绍当前分支是干啥的。基础版同步 master 分支主版本

├── vueNextAdmin
	├── master (基于 vue3.x、vite、ts、Element plus等，主项目模板)
	├── develop (开发分支，开发完将删除)
	├── vue-prev-admin (基于 vue2.x、vue-cli、element ui 项目模板)
	├── vue-next-admin-template (vue-next-admin 基础版 ts，不带国际化)
	├── vue-next-admin-template-js (基于 vue-next-admin-template 修改 js 版，不带国际化)
	├── vue-next-admin-nest (基于 nestjs+vue-next-admin 开发的权限控制系统（带后台@甜蜜蜜）)
	├── vue-next-admin-mould (基于 vue3.x、vite、ts 配置了 eslint、prettier 通用项目模板)
	├── electron (跨平台的桌面应用程序)
	└── personal ( personal-个人项目)