美文网首页uni-app
uni-app搭建小程序编译环境

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

作者: 张路1806 | 来源:发表于2019-04-09 16:02 被阅读1次

    在使用过官方的编译器之后,发现使用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的使用以后用熟了再详细记录

    相关文章

      网友评论

        本文标题:uni-app搭建小程序编译环境

        本文链接:https://www.haomeiwen.com/subject/vttiiqtx.html