在使用过官方的编译器之后,发现使用wing编译小程序比较友好,但是这样感觉还是不够,尽量使用vue来编译或者是更好的选择。本人没有使用过react所以没有选择对react友好的Taro,而是选择对vue友好的uni-app。
uni-app的优点是多端,并且用户基数大,有一定的案例参考,但是开源社区并不很积极
uni-app官方文档
这个文档中详细记录了使用,以及需要下载的编译器。
这里我尝试了官方推荐的HBuliderX来作为编译器
编译器下载
这里有两种,直接开箱即用得用app开发版和标准版,为了快速体验我直接使用的前者。
在官方文档中快速上手中详细介绍了如何新建一个项目,并且运行。因为微信小程序运行的环境是在微信开发者工具,所以选择运行到小程序模拟器上。
官方提示:
注意:如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者工具,需要开发者手动启动,然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面,在HBuilderX里面开发,在微信开发者工具里面就可看到实时的效果。
111.png
这里是因为我们第一次运行,所以需要设置一些东西
- 打开ide的设置,选择运行配置》小程序运行配置》微信开发者工具路径(比如我的C:/Program Files (x86)/Tencent/微信web开发者工具)
- 在根目录下打开manifest.json文件,首先在基础配置中获取uni-app的应用标识(需要注册),然后打开微信小程序配置,输入你的微信小程序AppId,没有的话请去微信官方获取注册。点上你需要的功能。
现在当前代码就是热加载的了,具体uni-app的使用以后用熟了再详细记录
网友评论