HBuilderX-好用的WEB前端开发工具

Posted 最爱大苹果

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HBuilderX-好用的WEB前端开发工具相关的知识,希望对你有一定的参考价值。

HBuilderX介绍:


HBuilder是DCloud(数字天堂)推出的一款支持html5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。


HBuilder下载:


官方网址是:​​https://dcloud.io/hbuilderx.html​


点击Download,下载windows版本,标准版本。


HBuilderX-好用的WEB前端开发工具_IDE工具


HBuilderX-好用的WEB前端开发工具_前端开发工具_02


HBuilderX版本区别说明:


正式版和Alpha版的区别:

1、Alpha版比正式版更新频率更高,新功能会优先在alpha版上发布。

2、Alpha独立于正式版,建议电脑上保持正式版和alpha 2个版本,不要互相覆盖。

3、Alpha和正式版各自有独立的升级机制,不会互相影响。

4、Alpha和正式版共用相同的用户配置,如主题、快捷键设置、代码块设置。但插件需要各自安装。

5、Alpha和正式版能同时启动一个。先开启正式版,再启动alpha版会激活已经开启的正式版。反之亦然。


标准版和App开发版的区别说明:

1、HBuilderX标准版可直接用于web开发、markdown、字处理场景。做App仍需要安装插件。

2、App开发版预置了App/uni-app开发所需的插件,开箱即用。

3、标准版也可以在插件安装界面安装App开发所需插件,App开发版只是一个预集成作用。


HBuilder安装:


将下载的文件压缩包解压。


HBuilderX-好用的WEB前端开发工具_前端开发工具_03


HBuilderX-好用的WEB前端开发工具_IDE工具_04


HBuilderX.exe是主程序文件。


如遇到HBuilderX启动不了的情况,请查看如下帖子


windows:  http://ask.dcloud.net.cn/article/35583


mac:http://ask.dcloud.net.cn/article/35756


HBuilder使用设置:


HBuilderX-好用的WEB前端开发工具_web开发工具_05


找到“工具”选项,点击“设置”按钮。


HBuilderX-好用的WEB前端开发工具_IDE工具_06


运行配置,我们找到Chrome浏览器运行配置,并且配置浏览器的安装路径。

默认的安装路径为:"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"


使用这个进行WEB前端开发已经能满足全部功能。


如有问题,可留言交流。







以上是关于HBuilderX-好用的WEB前端开发工具的主要内容,如果未能解决你的问题,请参考以下文章

web前端开发在HBuilderX中自定义组件新方法 - “当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上 at App.vue:4”

[HBuilderX开发uniapp]自动代码格式化插件安装及配置

hbuilderx可以写vue2吗

hbuilderx可以写vue2吗

小5聊HBuilderX下载与简单的Web端浏览器插件开发

HBuilderX是什么