安装前端编辑器HBuilderX

安装HBuilderX

HBuilderX是网页（前端）编辑器，是很多初学者都喜欢的一款软件。

下载HBuilderX

• 官网下载地址：https://www.dcloud.io/hbuilderx.html
  下载window版，标准版即可。
  

安装HBuilderX

通过解压软件，解压在自定义的目录下即可，安装成功。(免安装）解压后进入HBuildex文件夹，点击HBuilderX.exe即可运行。

HBuilderX配置默认浏览器

打开编辑器后在导航栏的工具中选中设置，为其配置默认浏览器路径即可。

HBuilderX创建新项目

点击左上角的，文件 - - ->新建- - ->项目
注意：编辑项目名并选中基本HTML项目点击创建即可

HBuilderX第一个测试案例

打开项目目录中的index.html文件，在body标签中编辑Hello World

浏览器界面显示

点击导航栏中的运行的运行到浏览器（B）,选中你所匹配的浏览器即可。