最近在研究Uniapp开发小程序，把自己的研究成果整理成文章，一方面新手可以借鉴，一方面做归档方便以后查阅，有错误之处请各位看官指正。
Uniapp介绍
Uniapp开发环境搭建
二. Uniapp介绍
1. 为什么要使用Uniapp
就目前而言，小程序已经非常的流行了，市面上的小程序众多：微信小程序、百度小程序、支付宝小程序、字节跳动小程序等等，各种平台的小程序的开发规划不一致导致给程序员带来很大的负担，因为我们需要学习不同平台小程序开发规范，尽管他们的语法看起来都差不多。
为了解决这一问题，Uniapp横空出世，它的目的是让开发者编写一套代码就可以发布到IOS、Android、Web、以及各种小程序平台，达到一次开发到处运行的目的。
微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
支付宝小程序官方文档：https://opendocs.alipay.com/mini/framework
百度小程序官方文档：https://smartprogram.baidu.com/docs/develop/component/component/
字节跳动小程序文档：https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/guide/directory-structure
2. 什么是Uniapp
Uniapp官网：https://uniapp.dcloud.io/
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
DCloud公司拥有800万开发者用户，几十万应用案例、12亿手机端月活用户，数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app（详见），腾讯课堂官方为uni-app录制培训课程（详见），开发者可以放心选择。
uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。
为什么选择Uniapp
三. Uniapp环境安装
1. 软件安装
Uniapp需要有HBuilderX的支持，HBuilderX是通用的前端开发工具，但为uni-app做了特别强化，所以我们需要先安装HBuilderX,然后我们还要安装一个“微信小程序”开发工具，主要是借助它的模拟器来启动Uniapp小程序，所以开始之前，开发者需先下载安装如下工具：
1.1.HBuilderX安装
HBuilderX：官方IDE下载地址，下载之后安装启动，启动界面选择暂不登录，然后进入软件主界面
1.2.微信小程序开发工具安装
通过 微信小程序开发工具下载地址下载好之后安装启动，可以使用测试号，创建一个小程序
到这，微信小程序开发工具就装好了
2. Uniapp项目创建
2.1. 新建项目
使用HbuilderX, 在菜单栏选择：文件 -> 新建 -> 项目
然后创建项目
2.2. 目录结构认识
结构说明
2.3. 启动Uniapp
Uniapp可以使用各平台的开发工具的模拟器来启动测试，我这里选择“微信开发工具”如下
第一次启动，这里需要选择微信开发工具的安装目录
观察控制台
然而在HBuilder的控制台这里出现了错误，意思是需要我们去开启“微信开发工具”的服务端口，否则HBuilder是没有办法使用“微信开发工具的”，按照提示打开微信开发工具 -> 设置 -> 安全设置
打开服务端口
再次运行，观察微信开发工具的模拟器，如下说明已经启动成功
当然我们说uniapp是一次编码到处运行，它除了可以打包成微信小程序运行还可以打包成其他的小程序，或者web端去运行，比如：
效果如下：
