uni-app之安装HbuilderX

1、安装HbuilderX

（1）

 输入网址DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架，直接官网上下载

（2）

进入官网后选择下载对应操作系统的版本，一个是正式版，一个是Alpha版本。区别在于正式版稳定，Alpha具有更多的功能，但是可能有bug。在这里根据的需要下载。一般正式版就可。

然后我们可以看到不同操作系统又有2个，一个是体积小的标准版，没有太多插件，一个是App开发版。这里是区别是App开发版里面包含了许多开发插件。反正开发也会需要下载许多插件，这里推荐下载体积大的APP开发版

（3）

下载好之后，打开下载好之后的文件，找到【HBuilderX.exe】，双击启动

这样就能打开，初次打开需要你注册登陆，大家注册账号登陆就可

---------------------------------------------------------------------------------------------------------------------------------------------------------------------

2、简单使用软件

（1）创建项目，点击左上角一个有+的图标，然后选择你的项目类型，这里因为最近个人需要，我是创建uni-app项目。接下来可以取一个项目名称，放到你喜欢的位置，下面的模板，都是可以选择，大家可以都选择试一试，或者就选择默认模板。最后一项是涉及云开发，是用来帮助前端同学，在没有后端同学的帮助下，可以自己快速进行用云开发做后端。这个下一篇帖子会详细讲解，大家在这里可以先不勾选。

（2）项目简单是目录结构

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

3、运行，这里注意，不管是运行到什么平台，运行时候一定要选中项目文件，不能选中下面的文件后运行

（1）运行到浏览器

运行成功

（2）运行到小程序，这里以微信小程序为例子

首先需要下载微信开发者工具

①微信开发者工具下载地址与更新日志 | 微信开放文档，下载对应版本后启动，这里已经截图下载说明。

②打开微信开发者工具，登陆微信之后就可以使用，然后进行一项配置，不然之后hbuiderx运行时候会失败。

③打开hbuilderx，点击顶部的【工具】，点击【设置】，然后找到【运行设置】，把各个小程序运行配置填好，我这里下载了支付宝小程序开发者工具以及微信小程序开发者工具，所以我这里配置了2个，本次教程只让大家安装微信小程序开发者工具，大家在这里只配置微信就好，其他空着。然后这里填的内容就是微信小程序的安装位置。

④运行到微信小程序

运行成功

                                                                                                                                                                                               小猫