使用uview得前端uniapp框架进行开发的步骤

4. 熟记uView的内置样式，开发事半功倍。

1. 文字省略：u-line-1 u-line-2 u-line-3 u-line-4 u-line-5 超出内容盒子显示对应行数内容后加省略号。

<text class="u-line-2">是日也，天朗气清，惠风和畅，仰观宇宙之大，俯察品类之盛</text>

1. 重置按钮样式,默认的按钮有自己的样式，用它可以初始为仅文本样式

<button class="u-reset-button">点击登录</button>

1. 快捷边框：u-border-top u-border-bottom u-border-left u-border-right u-border
2. 文字颜色：main-color 主要颜色；content-color 内容颜色；tips-color 提示颜色；light-color 更浅的提示颜色；
3. 主题颜色：scss形式：$u-primay $u-warning $u-success $u-error $u-info

4. 页面背景色设置：

   • 直接给page设定样式 page{background-color:#u-bg-color;}
   • 给最外层的view设定样式 view{background-color:#u-bg-color;min-height:100vh;} 注意：view的高度默认为内容高度，所以如果页面内容不足一屏高度时，底部剩余部分依然为默认的白色，所以我们给需要这个view设置一个 最低高度，让它等于窗口高度。

7. 配置全局状态控制store

8. 配置Api接口

2.通过插件的方式安卓uView2.0

这里使用uni_modules的形式安装uView,因为他方便一键升级。
在uni-app插件市场右上角选择uni_modules版本下的使用HBuilderX导入插件，导入到对应的项目中即可,传送门。

安装完成后要进行初步的uView配置。

1. 引入uView主JS库（main.js）
2. 引入uView的全局SCSS主题文件（uni.scss）
3. 引入uView基础样式（App.vue）
4. 配置easycom组件引入模式（page.json）
5. 根据设计方案、挑战主题样式文件内的样式。

5. uView的内置快捷函数

1. uni.$u.sys() 获取系统信息
2. uni.$u.range(min, max, value) 如果其在min和max之间，则不变；如果其小于min，则取min值；如果其大于max，则取max值.
3. uni.$u.sleep(3000).then(function) 延迟执行。
4. uni.$u.addStyle(style) 用于将字符串形式的内联样式样式转为对象形式，或者将对象形式的样式写法转为字符串形式。
5. uni.$u.priceFormat(3002.365, 2) 数字向金额格式转化
6. uni.$u.pages() 用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。

1.使用HbuilderX新建一个项目

这里注意项目名称就是目录名称。
vue版本的选择要根据使用的框架来定，目前uView2.0支持的时vue2。
新建完成后，项目完成了初始化。

为了后续的开发，这里要安装好插件SCSS

6. npm 安装必要的第三方库

1. 路由表配置uni-app集成uni-simple-router、uni-read-pages插件自动读取page.json文件实现路由管理（无需手动配置路由表）