hbuilder设置阿帕奇服务器

hbuilder设置阿帕奇服务器方法如下：

1、选择浏览器的最后一个选项，点击设置按钮，设置阿帕奇服务器。

2、选择阿帕奇服务器，点击外置阿帕奇服务器，点击新建。

3、选择浏览器运行路径，点击确定即可。

1.HBuilderX：官方IDE。建议下载App开发版，如下载标准版，还需在插件管理中安装uni-app插件。2.微信开发者工具：必备调试预览工具。

A.创建uni-app

1.在点击工具栏里的文件->新建 ->项目：

2.选择uni-app，输入工程名，如：hello-uniapp，点击创建，即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例，建议创建普通项目。

B.运行uni-app

1.真机运行：连接手机，开启USB调试，进入hello-uniapp项目，点击工具栏的运行 ->真机运行 ->选择运行的设备，即可在该设备里面体验uni-app。

2.浏览器运行：进入hello-uniapp项目，点击工具栏的运行 ->运行到浏览器 ->选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。

3.在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 ->运行到小程序模拟器 ->微信开发者工具，即可在微信开发者工具里面体验uni-app。

一、打开HBuilder开发工具

1）在工具的右上角可以更改开发视图模式选择“边改边看模式”

2）HBuilder将会展开一个自带的Web浏览器，可以点击一个齿轮按钮旁的倒三角展开列表

3）选择列表最下面“设置web服务器”

二、在“设置web服务器界面”中

1）依次展开左边栏的列表“HBuilder”——>“Web服务器”——>选择“外置Web服务器”

2）然后在右边栏点击“新建”编辑Web服务器配置

3）编辑Web服务器配置界面，“名称”可以随意改，关键是“浏览器运行URL”应该填写你的本机ip地址

三、查看本机的ip地址并填写到“浏览器运行URL”

1）Windows打开控制面板的“网络和共享中心”去查看本机ip地址，Mac系统查看ip地址

2）例如：小编的地址是192.168.0.122

3）填写到Web服务器配置中的“浏览器运行URL”，特别提醒注意填写的ip地址后加上HBuilder使用的端口号8020

4）然后点击确定，配置好一个web服务器

5）选择使用刚刚新建的myWeb外部服务器

四、扫码测试

1）使用HBuilder打开项目的HTML文件

2）点击“Web服务器”中有个二维码的按钮，展开大图的二维码，可以直接使用真实机来扫码测试

3）注意扫码测试，你的真实机和电脑需要在同一个局域网下

---