uni-app项目目录结构
在创建完成 项目后,系统会认帮我们一些,这些就是初始项目目录结构。
日常开发过程中,都是需要个目录结构的基础上面完成项目搭建,所以,我们首先需要了解这个初始目录结构各个目录的含义。
在创建项目时,选择不同的模板的项目目录是不一样的,我们先介绍两个最常见的项目模板,uni-ui 项目模板、Hello 模板。了解这两个项目模板的项目目录,其他模板的目录也可以掌握。
我们本小节来了解一下项目目录以及这些夹的作用。
创建项目时,我们可以选择创建什么类型的模板,如果选择 uni-ui 项目模板,系统就会帮我们下面的项目目录。
各的作用如下:
其中 unpackage 打包目录,存放的是打包后的,有时候打包后会出现或者组件失效的情况,可以检查一下引用路径是否有。
创建项目时,选择 Hello 项目模板,项目创建完成后,会帮我们下面的项目目录。其中有几个与 uni-ui 项目目录重复了,作用都是一样的。
各的作用如下:
还有非常牛的地方,就是在 App 和中使用的组件,情况如下:
在项目根目录下的 pages.json 中,在 styles 中下面的设置。
实例:
{
"path" : "index/index",
"style":{
"usingComponents":{
"custom":"/wxcomponents/custom/index"
"custom":"/swancomponents/custom/index"
"custom":"/mycomponents/custom/index"
}
}
}
在中使用实例:
<view>
<custom name=""></custom>
</view>
系统根据通常开发的情况,帮我们了这个项目目录。这些项目目录不是一成不变的,我们可以按需使用,也可以自己继续个目录中新建夹。本节主要介绍了 项目目录,重点如下: