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个,本次教程只让大家安装微信小程序开发者工具,大家在这里只配置微信就好,其他空着。然后这里填的内容就是微信小程序的安装位置。
④运行到微信小程序
运行成功
小猫