HBuilderX插件_HBUilderX 的使用教程

HBuilderX (简称HX)是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。内置HTML5+APP开发环境,提供一套完整的移动应用开发解决方案。

1a430187710675b8a6908f5394d4ac17.png

HBuilderX的优点(官方介绍)

6281e7b7cca2050adb3cd1d1ee817de3.png

HBUilder 的配置与使用

HBuilder-X (简称HX)下载链接:

http://www.dcloud.io/hbuilderx.html

一、下载安装

b97a9e7bfcc97a1335a21da3750b92b8.png

选择开发版本下载

636c949b8a90d50698cc4e67b26c83b5.png

c02df69b81c0750e7cebb255e9c1eed1.png

HX仅需要解压下载的文件,双击其中的HBuilderX.exe即可打开软件。

  打开HX编辑器 。

a8dcafe0b5b739502c533a06f107aa80.png

二、创建

创建第一个应用程序(以5+APP为例)

(参考http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/89)

 f70fba94ac599ce1d00be1e93acbbf34.png

f366c55ecc09075656c6977d452f1170.png

86c0048d1f0e6595eef60582ac0fe78c.png

特别说明:同类项目具有不同模板,不同模板创建的项目代码有所不同,实例展示如下:

2a6b240800420a510835dd7128b535d8.png

b9151b1a6d7b99ab517decfb1bae1761.png

353a8030821e6a74afe702d299844046.png

三、基础配置

点击重新获取,可得到一个AppID,如果没有登录,则无法获取,大家可以自行注册。

2c6e4b5fd342b81e493bc9ee423fc3c1.png

注册后的登录,即可获取到AppID。

f92b41fd8defed4cdbc5991b4e407120.png

四、编写代码

6f3bd0891831bb43261d20972c355449.png

五、运行

方法一、浏览器运行

通过快捷键Alt+P,打开预览窗口,如果未安装插件,则需要安装。

0a3ed870e16b139f5c14623dbb8b0f98.png

79129cef0dcdc5e0a39ed637ea7441ac.png

82aaba08fd6e0be0f2ab29eb852ceaca.png

此外还可以在本地浏览器中运行。

e4b97ee4b4730bec2f585864ea2cf87c.png

方法二、真机运行(Android为例)

1、将手机与PC连接。

2、选择指定真机运行。

00466059b2fddc5f2a1517e7ec55e663.png

9f83273eb6223eb0042be398411b41b5.png

7f5c546c8f78b32526b79df687ec88ec.png

方法三、模拟器运行(Android为例)

1、本地计算机需要安装模拟器。具体安装方法见http://ask.dcloud.net.cn/article/151

2、选择指定模拟器运行

191c2ea6fc49b36243a04add0a55df93.png

00f7a05bd1cb9115a30ade64c61b4b29.png

六、发布

50a362098b6083d385a0bedab551efdb.png

0b91d14f112e5ab05c1e3bf3b94e0f7f.png

58ec335917f642b60651ee21b7254b82.png

12f7bb4f617874c75c4483e854978e94.png

974871bb0d207328a8e3d74917c05be6.png

e14f8bcde4c3231930a49b2c46882229.png

生成APK后即可放入手机安装。

若有不足之处,还请大家多多指导

  • 3
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值