![9f8b85d7206d6ae4430c6faae391a9e6.gif](https://i-blog.csdnimg.cn/blog_migrate/3c4100c9b7a2599d51c42015ab6a7201.gif)
HBuilder编辑器是DCloud全新推出的一款HTML5的Web开发工具。软件体积小,启动快,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。同时,HBuilderX为您提供最全的语法库和浏览器兼容性数据,让您不在为浏览器的兼容问题烦恼,HBuilder的生态系统可能是最丰富的WebIDE生态系统,因为它同时兼容eclipse插件和RubyBundle。SVN、git、ftp、PHP、less等各种技术都有Eclipse插件。
0 3下载地址链接:
https://pan.baidu.com/s/1B-7F3vLtt7CPcLL_yMxhrw
提取码:9x16
软件大小:13.77M
遇到问题咨询客服QQ:1328229137(注明来意)
0 4软件特色1、极速
HBuilderX不管是启动速度、大文档打开速度、编码提示,都会极速响应
2、清爽护眼
HBuilderX界面清爽简洁,绿柔主题经过科学的脑疲劳测试,是最适合人眼长期观看的主题界面
3、内置emmet:tab一下生成一串代码
4、无死角提示:除了语法,还能提示ID、Class、图片、链接、字体…
5、跳转助手、选择助手,不用鼠标,手不离键盘
6、多种语言支持:php、jsp、ruby、python、nodejs等web语言,less、coffee等编译型语言均支持
7、强悍的转到定义和一键搜索
8、这里还有最全的语法库、最全的语法浏览器兼容库等等
0 5安装教程![aecf1e7bcc364b4a453a133a45f1b765.png](https://i-blog.csdnimg.cn/blog_migrate/635815a4690b836d3b4ea7e21c9ed243.png)
第一步进入官网下载最新版本(官网https://www.dcloud.io/)点击HBuilderX极客开发工具
![aecf1e7bcc364b4a453a133a45f1b765.png](https://i-blog.csdnimg.cn/blog_migrate/635815a4690b836d3b4ea7e21c9ed243.png)
点击DOWNLOAD
![aecf1e7bcc364b4a453a133a45f1b765.png](https://i-blog.csdnimg.cn/blog_migrate/635815a4690b836d3b4ea7e21c9ed243.png)
点击windows下的标准版等待下载
![aecf1e7bcc364b4a453a133a45f1b765.png](https://i-blog.csdnimg.cn/blog_migrate/635815a4690b836d3b4ea7e21c9ed243.png)
下载完成后 选中压缩包 右键解压
![aecf1e7bcc364b4a453a133a45f1b765.png](https://i-blog.csdnimg.cn/blog_migrate/635815a4690b836d3b4ea7e21c9ed243.png)
依次打开解压的文件夹
![aecf1e7bcc364b4a453a133a45f1b765.png](https://i-blog.csdnimg.cn/blog_migrate/635815a4690b836d3b4ea7e21c9ed243.png)
在打开文件夹中找到HBuilderX.exe文件双击打开
Hbuilder打开之后,会出现一些很人性话的设置,还有一点就是Hbuilder的编辑器风格是黄色系,对眼睛比较好,,这里我一般使用标准模式(小编这里选雅蓝)下面还可以旋转自己习惯的快捷方式(小编这里就以
Hbuilder的为准)点击开始体验
看到的这个是Hbuilder的简单介绍关闭即可
设置完成之后进入我们的项目建立阶段,点击“新建WEB项目”,创建项目名称,设置项目所在的位置确定即可,完成之后会在左边的项目栏管理器中出现。
接下来的就根据自己项目需求操作了
需要安装插件点击工具 插件安装 选择插件安装即可
如何创建桌面快捷方式:选中HBuilderX.exe文件鼠标右键 选择发送到桌面 即可在桌面创建快捷方式
![8e9ff939bbc3f95540cb03a8941910ce.png](https://i-blog.csdnimg.cn/blog_migrate/7919260ef69f35b609d5ff75b32a5dee.png)
如何获软件
微信关注“软件安装家园”
公众号回复HBuilder
或官网下载即可
关注我们获取更多资源
![b27572c7d6d091b2d7079a73578011f0.png](https://i-blog.csdnimg.cn/blog_migrate/055df85420eb728779e34416abddbb7d.png)
![0e1062f087c6a513efb7dc712a4f869b.png](https://i-blog.csdnimg.cn/blog_migrate/da4716904b1bad878fd61f3beed067a8.png)