HBuilder配置浏览器和启动一个基础HTML项目的流程

什么是HBuilder？

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

简单来说，HBuilder是一个前端开发工具，类似VSCode，我们可以在HBuilder上编写HTML、CSS和js文件 

 HBuilder配置浏览器

HBuilder配置浏览器步骤，以Chrome浏览器为例：

1.点击顶栏的工具按钮，选择设置

2.找到运行配置，修改指定浏览器的安装路径和web服务器端口

配置浏览器安装路径，是为了在HBuilder中直接启动对应的浏览器

配置web服务器端口的目的：HBuilder打开网页的方式是模拟项目上线（存在ip和端口号）

        这样的好处：打开网页更加方便；也更加贴合项目上线；并且代码出现改动后，可以自动刷新。

注意：端口号不能和已使用的端口冲突，并且不能超出端口设置的范围（可以自己设置端口）

HBuilder创建HTML项目并启动

1. 利用HBuilder创建一个HTML项目（点击文件-->选择新建-->点击项目-->点击普通项目-->新建一个基本HTML项目）
2. 点击想要运行的HTML页面
3. 点击运行的小按钮运行

 

此时页面打开显示：ip:端口/项目名/html文件名

127.0.0.1： 指当前本机（将本机ip模拟成web服务器的ip）

端口：8088 （我们自己设置的端口，一个软件（项目）的运行需要指定对应的端口号）

项目名/html文件名：指定网页资源路径