HBuilder 9.1.19.201808300739

功能介绍：

1、在HBuilder里预置了一个hello HBuilder的工程，用户敲这几十行代码后会发现，HBuilder比其他开发工具至少快5倍。

HBuilder下载截图2

2、HBuilder的生态系统可能是最丰富的Web IDE生态系统，因为它同时兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各种技术都有Eclipse插件。

HBuilder下载截图3

安装步骤：

1、从本站下载HBuilder安装包，解压

软件截图4

2、找到应用程序，双击打开

HBuilder软件截图5

3、等待安装完成，运行软件

使用方法：

一、HBuilder如何新建一个web项目?

1、依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目)) ；如下图，请在A处填写新建项目的名称，B处填写(或选择)项目保存路径(更改此路径HBuilder会记录，下次默认使用更改后的路径)，C处可选择使用的模板(可点击自定义模板,参照打开目录中的readme.txt自定义模板)

HBuilder软件截图6

二、HBuilder如何创建HTML页面?

1、在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板,如下图

软件截图7

常见问答：

1、HBuilder的快捷键

打开帮助-快捷键列表进行查看即可

软件截图8

2、使用HBuilder的小技巧

按下Alt键，移动鼠标到样式或变量的引用处，会出现了可点击的下划线，点下去吧，这就是转到定义。

3、如何新建模板组？

点击菜单-文件-HTML文件，点击“自定义模板组”如下图

HBuilder软件截图10

将常用的若干文件压缩为zip保存到该目录，新建HTML文件时，模板组列表会多出以该zip文件的文件名命名的模板组。如下图

HBuilder软件截图11

以该模板组新建HTML文件，HBuilder会自动生成zip里的文件（含内容）。

编辑点评：

HBuilder是市面上最快的HTML开发工具之一，还有强大功能的代码助手帮助开发人员提高整体开发效率。所以对于开发人员来说，HBuilder可谓是开发工具里的利器；同时对于小白用户来说，HBuilder的页面步骤流畅简单，不会过于复杂，想尝试学习代码还是不错的。