Skip to content

目录结构

基础脚手架中基本目录结构如下所示:

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              内置的常用样式变量