目录结构
基础脚手架中基本目录结构如下所示:
md
┌─src
│ ├─locale 多语言相关文件
│ ├─pages
│ │ └─index
│ │ └─index.vue index页面
│ ├─services ajax接口存放文件,按接口类别分文件夹管理
│ ├─static
│ ├─store
│ │ └─index.ts 全局存储
│ ├─uni-modules 存放uni_module
│ ├─utils 全局工具函数方法
│ │ └─request.ts 公共请求
│ ├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
│ ├─main.js Vue初始化入口文件
│ ├─pages.json 配置页面路由、导航条、选项卡等页面类信息
│ ├─manifest.json 配置应用名称、appid、logo、版本等打包信息
│ └─uni.scss 内置的常用样式变量
├─.gitignore
├─.prettierrc 格式化配置文件
├─index.html
├─package.json
├─pnpm-lock.yaml
├─shims-uni.d.ts
├─tsconfig.json
└─vite.config.ts
基础脚手架中包含了必须的目录结构,若不满足需求,脚手架src
目录下需按照下方目录结构规范进行目录创建。
md
┌─components 符合vue组件规范的通用组件目录
│ └─comp-a.vue 可复用的a组件
├─utssdk 存放uts文件
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源都应存放于此目录
├─uni_modules 存放uni_module
├─platforms 存放各平台专用页面的目录
├─nativeplugins App原生语言插件
├─nativeResources App端原生资源目录
│ ├─android Android原生资源目录
| └─ios iOS原生资源目录
├─hybrid App端存放本地html文件的目录
├─wxcomponents 存放小程序组件的目录
├─unpackage 非工程代码,一般存放运行或发行的编译结果
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─pages.json 配置页面路由、导航条、选项卡等页面类信息
├─manifest.json 配置应用名称、appid、logo、版本等打包信息
├─AndroidManifest.xml Android原生应用清单文件
├─Info.plist iOS原生应用配置文件
└─uni.scss 内置的常用样式变量