Uni-app基础知识

uni-app组成和跨端原理 | uni-app官网uni-app,uniCloud,serverless,uni-app组成和跨端原理,基本语言和开发规范,编译器,运行时（runtime）,逻辑层和渲染层分离https://uniapp.dcloud.net.cn/tutorial/1.adb连接模拟器

        找到adb所在位置（一般在hbuilder安装目录下的 \plugins\launcher-tools\tools\adbs 下）

        当前文件夹直接cmd

        adb常用命令：

#查看adb连接的设备列表

adb devices

#连接本地模拟器（我这端口时mumu模拟器默认的端口）

adb connect 127.0.0.1:7555

2.uni-app项目结构介绍

├── common            # 通用的资源，如样式、工具函数等
├── components        # 自定义组件
├── pages             # 各页面目录，每个页面是一个文件夹
│   ├── index
│   │   ├── index.vue # 首页页面
├── static            # 静态资源，如图片、字体等
├── unpackage         # 打包后的文件
├── App.vue           # 应用的入口文件
├── main.js           # Vue初始化文件
├── manifest.json     # 配置应用名称、appid、logo、版本等
├── pages.json        # 配置页面路由、导航条、选项卡等
├── uni.scss          # 通用样式文件
└── package.json      # npm 包管理配置文件

 2.1 main.js

        main.js是项目的入口文件，用来初始化vue实例，定义全局属性、组件，安装插件

2.2 App.vue

        app.vue是项目的入口组件，所有页面在此切换，用来监听应用生命周期、编写全局样式、定义全局数据

2.2.1 全局样式

•  有个就近原则，如果你设置的全局样式与某个页面的样式重名，全局样式的对应属性对该页面不生效

2.2.2 全局数据

        页面中获取全局数据

2.3 pages.json

        pages.json用来对项目进行全局配置，决定页面的路径、窗口样式、导航栏、底部tabbar等

2.3.1 窗口样式