建立HBuilderXApp开发环境

一

1). 无脑安装

Nox模拟器平面接口.png

2). 屏幕修改

单击右上角的设置按钮，在系统设置中选择移动版本，单击保存并重新启动。

NOx设置界面.png

3). 端口设置

NOx模拟器默认端口：62001

二

1). 单击右侧的下载，然后选择要下载的相应平台的App开发版本。

HBuilderX.png

HBuilderX下载界面.png

2). 安装

**Windows:**双击exe文件以打开它。

**Mac:**将图标移动到“App”中。

HBuilderX_ Mac.png

3). 界面

HBuilderX接口.png

3.使用

1). 文件->新建->项目

新建项目.png

2). 选择5+App，输入项目名称，然后更改项目位置

配置项目信息.png

3). 第一页上的文件内容

索引.html文件.png

4). 运行->运行到浏览器->Chrome

浏览器预览.png

预览效果：

效果.png

4.手机操作

1). 端口设置

运行->运行到手机或模拟器->Android Emulator端口设置

模拟器端口设置.png

Nox模拟器的默认端口为62001

62001端口.png

2). 作用

如果[Run to Mobile Phone or simulator]中没有NOx模拟器，请重新启动NOx模拟器进行尝试，或提示下载真机调试库。请下载并重试。

运行Android Device.png

3). 效应

效果.png

4). 实机调试

首先，将真实设备与计算机连接，然后运行->运行到手机或模拟器，选择刚刚连接的真实机器。如果真实的机器已连接，但此处未显示，请打开[开发者选项]或下载[豌豆荚]进行连接。

真正的机器。天然气