uni-app

目录介绍：

1. pages.json 是用来对uni-app进行全局配置的，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等

2.manifast.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等

3.app.vue 是根组件，所有的页面都是在app.vue下切换的。是页面的入口文件。可以调用应用的生命周期函数

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

5.uni.scss 文件的用途是为了方便整体控制应用的风格，比如按钮的颜色，边框的风格

6.unpackage就是打包目录，在这里有各个平台的打包文件

7.pages所有页面的存放目录

8.static 静态资源目录

9.components 组件存放目录

为了实现兼容、综合考虑编译速度、运行性能等因素，uni-app约定了如下开发规范

1.页面文件遵循 vue单文件组件sfc规范

每个 .vue 文件包含三种类型的顶级语言块:
①最多包含一个<template></template>模板模块
②最多包含一个<script></script>脚本模块
③可以包含一个或多个<style></style>样式模块，标签可以有scoped或者module属性，不同封装模式的多个style可以在同一个组件中混合使用，如可包含css、sass、less等多种封装模式。
Tips：允许添加可选的自定义块，支持导入自定义块，需要注意的是 src 导入遵循和webpack 模块请求相同的路径解析规则，这意味着相对路径需要以 ./开始

 

2.组件标签靠近小程序规范，详见uni-app组件规范

3.接口能力（JS API）靠近微信小程序规范，不过前缀 wx 需要替换为 uni，详见uni-app接口规范

4.数据绑定及事件处理靠近 Vue.js 规范，同时补充了App及页面的生命周期

5.为兼容多端运行，建议使用flex布局进行开发