您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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>

系统根据通常开发的情况,帮我们了这个项目目录。这些项目目录不是一成不变的,我们可以按需使用,也可以自己继续个目录中新建夹。本节主要介绍了 项目目录,重点如下:


联系我
置顶