【HBuilder】前端IDE神器

一、Hbulider简介

1.1 Hbulider出身

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。
Web编程的IDE从Frontpage、Dreamweaver、UE，到Sublime Text和JetBrains的WebStorm，已经更换了几批。但是HBuilder可以生存就是因为有自身的优势。

1.2 Hbulider特点

快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

• 轻巧、极速：10M的绿色发行包。C++架构，启动速度、大文档打开速度、编码提示，都极速响应。
• 强大的语法提示：一流的ast语法分析能力，语法提示精准、全面、细致，转到定义、重构完善
• 专为vue打造：提供比其他工具更优秀的vue支持，大幅提升你的vue开发效率
• 清爽护眼：界面清爽简洁，绿柔主题经过科学的脑疲劳测试，最适合人眼长期观看的主题界面。保护手腕，减缓鼠标手。
• 高效极客操作：HBuilderX对字处理提供了更崇高的支持。更强大的多光标、智能双击、选区管理…让文字处理的效率大幅提升。
• markdown优先：HX是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。

二、Hbulider安装

2.1 Hbulider官网下载

https://www.dcloud.io/hbuilderx.html

2.2 解压，发送快捷方式到桌面

三、Hbulider启动

3.1 选择主题和快捷键方案

四、Hbulider使用

4.1 失去焦点自动保存