uni-app项目的基本介绍

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台 。这是课本的前言，对于一个框架的基本介绍。它有五个优势

一

uni-app是一套可以适用于多终端的开源框架，真正实现一套代码可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序等。

二

uni-app对前端开发人员比较友好，学习成本低，首先uni-app是基于vue.js的，其次封装的组件和微信小程序的组件 非常相似，所以对于现在的主流前端人员来说学习成本几乎为零。

三

uni-app使用HBuilder X 进行开发，HBuilder X开发工具完美支持vue语法，开发效率大幅度提升。

四

uni-app拓展能力强 封装了H5+，支持nvue，也支持Android，ios开发。

五

uni-app是DCloud 出品的，属于我们国家拥有自主知识产权的产品

uni-app是终极跨平台框架，跨平台能力、体验、生态、文档、客服各个方面均超过5+或mui模式，以及超过所有其他跨平台框架。

通过学习uniapp的课程我对项目的构成有了基本的了解

项目的组成

components 用于存放自定义和其他一些公共组件，

在按照vue单文件的组件规范，每隔vue文件的根节点必须为

template 只能有一个 而且这个template下只能有一个view组件

也只能有一个script 和style 但是可以自定义一下功能块

 组件的属性

pages 存放整个 uni-app 项目的页面

static 存放uni-app 项目所有的静态资源，如图片视频 等等

APP.vue 是uni-app 项目根组件，所有页面都是在 App.vue 下进行切换的，是页面入口文件。在这个文件中可以定义一些方法定义全局变量，全局数据等

 pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口表现、设置样式等，当在pages文件下创建新的页面可以选择在pages.json直接注册就不需要自己再次输入，如下图

main.js是项目的入口文件，主要作用是初始化vue实例并使用需要用到的插件。

manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等 如下图就是配置微信小程序 用于微信开发者工具的界面

 以上就是uni-app项目基本构成

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！