uni-app 介绍 及 项目搭建环境

一. 什么是uni-app:

是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台.

二. uni-app好处:

1. 开发者/案例数量更多
2. 平台能力不受限
3. 性能体验优秀,加载新页面速度更快、自动diff更新数据。
4. 周边生态丰富
5. 学习成本低
6. 开发成本低

三.环境搭建:

(一).HBuilderX

注:可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。

1.安装工具:
开发者需分别安装如下工具：

HBuilderX：内置uni-app编译器及项目模板，http://www.dcloud.io/hbuilderx.html

微信开发者工具：编译调试小程序所用，https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2.创建项目:
在点击工具栏里的文件 -> 新建 -> 项目：

选择uni-app，输入工程名，如：first-uniapp，点击创建，即可成功创建uni-app。
点击从模版创建，选择hello-uniapp即可体验官方示例。

3.运行uni-app:
(1). 浏览器运行:进入hello-uniapp项目，点击工具栏的运行 => 运行到浏览器 => 选择浏览