uni-app搭建小程序编译环境

在使用过官方的编译器之后，发现使用wing编译小程序比较友好，但是这样感觉还是不够，尽量使用vue来编译或者是更好的选择。本人没有使用过react所以没有选择对react友好的Taro，而是选择对vue友好的uni-app。

uni-app的优点是多端，并且用户基数大，有一定的案例参考，但是开源社区并不很积极
uni-app官方文档
这个文档中详细记录了使用，以及需要下载的编译器。
这里我尝试了官方推荐的HBuliderX来作为编译器
编译器下载
这里有两种，直接开箱即用得用app开发版和标准版，为了快速体验我直接使用的前者。
在官方文档中快速上手中详细介绍了如何新建一个项目，并且运行。因为微信小程序运行的环境是在微信开发者工具，所以选择运行到小程序模拟器上。
官方提示：

注意：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具，需要开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面，在HBuilderX里面开发，在微信开发者工具里面就可看到实时的效果。

111.png

这里是因为我们第一次运行，所以需要设置一些东西

1. 打开ide的设置，选择运行配置》小程序运行配置》微信开发者工具路径（比如我的C:/Program Files (x86)/Tencent/微信web开发者工具）
2. 在根目录下打开manifest.json文件，首先在基础配置中获取uni-app的应用标识（需要注册），然后打开微信小程序配置，输入你的微信小程序AppId，没有的话请去微信官方获取注册。点上你需要的功能。

现在当前代码就是热加载的了，具体uni-app的使用以后用熟了再详细记录