uni-app之安装HbuilderX

1、安装HbuilderX

(1)

 输入网址https://www.dcloud.io/,直接官网上下载

(2)

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

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

(3)

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

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

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

2、简单使用软件

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

(2)项目简单是目录结构

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

 

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

(1)运行到浏览器

运行成功

(2)运行到小程序,这里以微信小程序为例子

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

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,下载对应版本后启动,这里已经截图下载说明。

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

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

④运行到微信小程序

运行成功

                                                                                                                                                                                               小猫

猜你喜欢

转载自blog.csdn.net/qq_45549336/article/details/105887946
今日推荐