【uniapp学习之四】目录介绍

Zh.冠军

已于 2022-09-29 18:57:33 修改

阅读量601

点赞数

分类专栏：前端 uni-app 文章标签： uni-app javascript

于 2022-09-29 18:35:38 首次发布

本文链接：https://blog.csdn.net/weixin_38673922/article/details/127111798

版权

前端同时被 2 个专栏收录

48 篇文章 2 订阅

订阅专栏

uni-app

28 篇文章 0 订阅

订阅专栏

本文详细介绍了uni-app的项目目录结构，包括api和utils目录用于封装公共请求，tabbar存放底部导航页面，uni_modules包含UI组件，App.vue设置公共样式，以及manifest.json和pages.json的配置作用。此外，还阐述了公共方法接口的设置，如api和utils目录下的模块组织和功能。

摘要由CSDN通过智能技术生成

官网目录介绍

一、自己项目目录

	api、utils封装公共请求；
	tabbar为底部导航页面；
	uni_modules为UI组件;
	App.vue中可设置公共样式；
	manifest.json中配置AppID，配置之后项目在HBuilder X下才能运行在微信小程序;
	pages.json配置文件路径，在HBuilder X中右击--》新建页面可自动生成，不需要在pages.json单独添加

在这里插入图片描述

一、公共方法接口设置目录：

一、api:(自己新建的目录) 作用：封装公共接口------modules下为各个页面的接口，index.js为主入口，modules下的接口最后都引入到index.js中
二、utils:(自己新建的目录) 作用：封装公共接口------封装的公共请求get/post

1、pages ：所有的页面存放目录
			codePages：其他页面
			tabbar：底部导航页面存放目录
2、uni_modules：下载的uniapp UI组件库，可以看到实际效果
3、unpackage ：打包目录，在这里有各个平台的打包文件
4、App.vue：是我们的根组件，所有页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数。
5、main.js是我们的项目入口文件，主要作用是初始化vue实例并使用需要的插件。
6、manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等。
7、pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等