uni-app 目录结构

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app 目录结构相关的知识,希望对你有一定的参考价值。

参考技术A 1.components   自定义组件目录(手动创建)

2.pages   页面存放目录

3.static   静态文件资源目录

4.unpackage   编译后的文件存放目录

5.utils   公共的工具类(手动创建)

6.main.js   应用入口

7.manifest.json   项目配置

8.pages.json   页面配置

uni-app的工程文件结构

参考技术A Root
|- common / utils //存放自己封装的工具类等文件(比如base-util.js、storage-key.js文件)。
|- components //uni-app组件目录。
|----- comp-a.vue //可复用的a组件。
|- wxcomponents //存放小程序组件的目录,也可合并到components里面。
|- hybrid //存放本地网页的目录。
|- platforms //存放各平台专用页面的目录。
|- pages //存放业务页面文件的目录。
|----- index
|--------- index.vue //index页面。
|----- mine
|--------- mine.vue //我的页面。
|- static //存放应用引用静态资源(如图片、视频等)的目录。注意:静态资源只能存放于此。
|- main.js //Vue初始化入口文件。
|- App.vue //用来配置App全局样式以及实现应用生命周期事件。
|- manifest.jspn //配置应用名称、appId、logo、版本等打包信息。
|- pages.json //配置页面路由、导航条、选项卡等页面类信息。
|- uni.scss //此文件是为了方便整体控制应用的风格(比如按钮颜色、边框风格)。
|- unpackage //打包目录,用于存放各个平台的打包文件。

以上是关于uni-app 目录结构的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-- uni-app 项目创建 & 目录结构讲解(四十九)

基于vue的uni-app生态——学习笔记001

uni-app:封装组件

uni-app:封装组件

配置uni-app的开发环境

配置uni-app的开发环境