Uni-app 基础 基本概念

Question

目录结构

• unpackage 目录

  打包目录，在这里有各个品台的打包文件

• pages 目录

  所有的页面存放目录

• static 目录

  静态资源目录，例如图片、字体文件等

• components 目录

  组件存放目录

• pages.json

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

• manifest.json

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

• App.vue

  默认的项目根组件，所有页面都是在 App.vue 下进行切换，是页面的入口文件，可以调用应用的生命周期函数。

• main.js

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

• uni.scss

  控制应用的整体风格，如按钮颜色，边框风格。

  该文件预置了一些 scss 变量

开发规范

• 页面文件遵循 Vue 单文件组件规范
• 组件标签靠近 小程序 规范
• 接口能力(JS API) 靠近微信 小程序 规范，但需要将前缀 wx 替换为 uni
• 数据绑定及事件处理同 vue.js 规范，同时补充了 App 及页面的生命周期
• 为了兼容多端运行，建议使用 flex 布局进行开发