这里给大家介绍一个个人觉得最好用的Web开发工具：Hbuilder。HBuilder是DCloud推出的一款支持HTML5的Web开发IDE，该软件能够帮助用户快速完成开发，内置最全的的语法库，搭配上浏览器兼容性数据，不会再对浏览器碎片化而烦恼。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。

Hbuilder最好用的Web开发工具图一

1. HBuilder软件中内置有一个非常完善的hello HBuilder的工程，用户只需要通过敲这几十行代码，就会直接感受到HBuilder比其他开发工具至少快5倍。

2. HBuilder软件的生态系统，拥有现目前非常丰富的Web IDE生态系统。该软件同时兼容Eclipse插件和Ruby Bundle。

3. HBuilder拥有的Eclipse插件非常丰富，如SVN、PHP、git、ftp、less等各种技术。

1. 打开软件之后，我们依次点击【文件】-【新建】-【选择Web项目】，我们可以直接按下快捷键Ctrl+N、W，能够实现快速新建项目。如果是MacOS系统，快捷键为Command+N，然后左键直接点击Web项目即可。

Hbuilder最好用的Web开发工具图二

2. 我们需要在A处填写新建项目的名称，B处填写(或选择)项目保存路径。如果更改路径之后，HBuilder会记录，下次登录使用之后，会直接默认使用更改后的路径。

Hbuilder最好用的Web开发工具图三

3. 在C处可选择使用的模板，用户也可以选择自定义模版。

1. 打开下载好的HBuilder软件，在项目资源管理器中选择新建好的项目，接下来依次点击【文件】-【新建】-【选择HTML文件】。

2. 同样的，我们也可以使用快捷键快捷键Ctrl+N、W，能够实现快速新建项目，如果是MacOS系统，快捷键为Command+N，然后左键直接点击HTML文件即可，同时也可以选择空白文件模版，如下图所示。

Hbuilder最好用的Web开发工具图四

1. 如果是Windows系统的用户，直击按按下快捷键Ctrl+P；如果是MacOS系统的用户，可以按Command+P快捷键，就能够边改边看模式。

2. 在此模式下，如果当前打开的是HTML文件，这样每次保存指挥员，就会完成自动刷新，来显示当前页面的效果。如果是JS、CSS文件，如与当前浏览器视图打开的页面有引用关系，也能够进行刷新。