HBuilder x 移动端实现相应的步奏 概述篇

学习目标：

• 一周掌握 编写小程序端，H5端移动端入门知识
• 具体实现的内容

---

 

内容：

1. 搭建移动端开发环境
2. 目录

   ├─pages                 业务页面文件存放的目录
   │  ├─index
   │  │  └─index.vue       index页面
   ├─static                存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
   ├─unpackage             非工程代码，一般存放运行或发行的编译结果
   ├─main.js               Vue初始化入口文件
   ├─App.vue               应用配置，用来配置App全局样式以及监听 应用生命周期 类似于小程序中的app.js
   ├─manifest.json         配置应用名称、appid、logo、版本等打包信息
   ├─pages.json            配置页面路由、导航条、选项卡等页面类信息，类似于小程序中的app.json
   └─uni.scss              这里是uni-app内置的常用样式变量 （css预处理器都有哪些？ less stylus scss）

3. 掌握基本uView UI 框架的搭建方法

   //引入uview
   import uView from '@/uni_modules/uview-ui'
   //调用uview
   Vue.use(uView)

   	全局
   
   引入主题样式  uni.scss
   @import '@/uni_modules/uvi