8.1.5 • Published 17 days ago

shop-vite v8.1.5

Weekly downloads
-
License
Mozilla Public Li...
Repository
github
Last release
17 days ago

项目根目录

  • index.html - 入口 HTML 文件,用于挂载 Vue 应用。
  • package.json - 项目配置文件,包含项目依赖、脚本命令等信息。
  • README.md - 项目说明文档。
  • vite.config.js - Vite 的配置文件,用于自定义构建选项。

源码目录

├── .github # 自动化 ci 配置(可删除) ├── .vscode # vscode 配置(不可删除) ├── mock # 本地 mock 数据 ├── node_modules # 项目依赖模块 ├── library # 核心模块,不建议修改 │ ├── build # 打包相关,请勿修改 │ |── components # 所有vab组件 | | ├── VabAlert # el-alert封装 | | ├── VabApp # 入口页 | | ├── VabAppMain # 内页 | | ├── VabAvatar # 头像 | | ├── VabBreadcrumb # 面包屑 | | ├── VabCard # el-card封装(支持骨架屏) | | ├── VabColorfulCard # 多彩卡片封装 | | ├── VabColorPicker # 颜色选择器 | | ├── VabColumnBar # 分栏 | | ├── VabDark # 暗黑组件 | | ├── VabDialog # el-dialog封装 | | ├── VabDivider # el-divider封装 | | ├── VabErrorLog # 错误日志 | | ├── VabFold # 展开合并 | | ├── VabFooter # 底部 | | ├── VabFullscreen # 全屏 | | ├── VabHeader # 横向布局顶部 | | ├── VabLanguage # 国际化 | | ├── VabLink # router封装 | | ├── VabLock # 锁屏 | | ├── VabLogo # logo | | ├── VabMenu # 菜单 | | ├── VabNav # 顶部navBar | | ├── VabNotice # 通知 | | ├── VabPagination # 分页 | | ├── VabQueryForm # form布局封装 | | ├── VabRefresh # 刷新 | | ├── VabRightTools # nav右侧工具栏组装 | | ├── VabRouterView # 路由缓存封装(禁止修改) | | ├── VabSearch # 搜索 | | ├── VabSideBar # 左侧菜单 | | ├── VabStatistics # 统计 | | ├── VabTabs # 多标签页 │ | └── VabTheme # 主题配置 │ ├── layouts # 界面布局(不需要的主题可删除,手机端适配必须保留纵向布局) | | ├── VabLayoutColumn # 分栏布局 | | ├── VabLayoutHorizontal # 横向布局 | | ├── VabLayoutVertical # 纵向布局 | | ├── VabLayoutComprehensive # 综合布局 │ │ ├── plugin # vab必要插件 │ │ └── styles # vab主题相关 ├── public │ ├── img # pwa图标 │ ├── static # 静态资源 | | └── json # 地图全国省市区的json数据 │ └── favicon.ico # favicon图标 ├── src │ ├── api # API 服务模块 │ ├── assets # 本地静态资源 │ ├── config # 项目配置 │ │ ├── cli.config.ts # vue/cli配置 │ │ ├── net.config.ts # 网络配置 │ │ ├── setting.config.ts # 通用配置 │ │ ├── theme.config.ts # 主题配置 │ │ └── index.ts # 自定义配置合并(不建议修改) │ ├── plugins # 封装的小工具 │ ├── i18n # 多语言 │ ├── icon # 存放自定义svg图标 ,仅在icon属性为isCustomSvg时才会调用svg图标,如无必要建议使用内置图标 │ ├── router # 路由配置 │ ├── store # pinia 状态管理配置 │ ├── utils # js 工具 | | └── qm.js # 阿里云ocr方法 | └── views # 项目页面 ├── .eslintrc.js # eslint 配置项 ├── package.json # package.json ├── index.html # 入口页 └── vite.config.ts # vite 配置

Vite 构建输出目录

  • distbuild - 构建输出目录,存放打包后的文件(由 Vite 的构建命令生成)。

    • index.html - 入口 HTML 文件。
    • assets - 存放打包后的静态资源文件。
    • js 或其他脚本文件夹 - 存放打包后的 JavaScript 文件。
    • css 或其他样式文件夹 - 存放打包后的 CSS 文件(如果有的话)。
    • public 存放打包后不需要处理的文件和内容,例如地图的json登

其他配置文件和目录

  • .gitignore - Git 忽略文件,用于指定不提交到版本控制的文件和目录。
  • node_modules - Node.js 依赖包目录,由 npm 或 yarn 安装生成。
  • public - 存放公共静态资源的目录,这些资源在构建时会被直接复制到输出目录。
  • tsconfig.json - TypeScript 配置文件(如果你的项目使用了 TypeScript)。
  • eslintrc.js.eslintrc.json - ESLint 配置文件,用于配置代码规范检查规则。
  • prettierrc.js.prettierrc - Prettier 配置文件,用于代码格式化。