HBuilder V9.1.29绿色版

软件分类：安全软件
软件大小： 261.34 MB
软件语言：简体中文
授权方式：免费软件
运行环境： Win ALL
更新时间： 2022-06-18

猜您喜欢

软件介绍
下载地址
同类推荐
相关文章

HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，HBuilder还包括最全面的语法库和浏览器兼容性数据。

HBuilder v9.1.29绿色版

HBuilder软件特点

1、让手爽，飞一般的编码

编码比其他工具快5倍够不够？对极客而言，追求快，没有止境！

代码输入法：按下数字快速选择候选项

可编程代码块：一个代码块，少敲50个按键

内置emmet：tab一下生成一串代码

无死角提示：除了语法，还能提示ID、Class、图片、链接、字体…

跳转助手、选择助手，不用鼠标，手不离键盘

多种语言支持：php、jsp、ruby、python、nodejs等web语言，less、coffee等编译型语言均支持

边改边看：一边写代码，一边看效果

强悍的转到定义和一键搜索

这里还有最全的语法库、最全的语法浏览器兼容库

HBuilder v9.1.29绿色版

2、让眼爽，环保绿柔主题

理念

脑电波实验证明使用绿柔缓解脑疲劳！

每天盯着屏幕写代码，程序员的健康非常重要，

为此我们用心设计了HBuilder的视觉主题方案——绿柔。

绿柔不是简单的配色，她不追求酷炫，而追求：舒适、护眼、和身心健康。

绿柔结合了色彩生理学和色彩心理学，参考了电子书的设计，

并根据用户显示器的发光特点，智能调配而成。

原理

绿柔，色调柔和、对比度低、绿色感加强，

绿柔下工作能减少眼球充血，舒缓眼部肌肉，降低脑电波疲劳值。

与黑色主题相比，绿柔还能防近视、防晕眩、防止暗适应、

减少维生素A消耗，防止或减轻夜盲症。

HBuilder使用教程

【怎么导入项目】

首先我们可以打开软件，然后点击左上角的【文件】按键，然后选择其中【新建】一栏；

HBuilder v9.1.29绿色版

这里选择创建一个web项目，新建的项目需要设置文件的保存名字和位置，完成以后就会自动保存到软件当中；

然后我们可以在项目里面新建一个网页，然后进行对应的编辑；

HBuilder v9.1.29绿色版

如果我们需要导入的话就是点击文件，然后点击【导入】选项，双击就可以进入到导入的操作界面中去；

HBuilder v9.1.29绿色版

我们需要导入文件的位置，你也可以直接设置为软件中的一个项目，然后点击确定就可以了。

【怎么设置浏览器】

如果我们想要修改默认浏览器的话，那么需要点击【工具】-【选项】。

HBuilder v9.1.29绿色版

在常规中就可以看到web浏览器，通过它可以设置默认的浏览器，然后点击试用外部浏览器，点击设置你可以把其中的一个浏览器移除掉就成为了默认浏览器。

HBuilder v9.1.29绿色版

出现提示选择浏览器路径的话可以点击浏览，然后选择正确的浏览器就可以搞定了。这样，当下次我们点击这个图标的时候就会自动打开对应的浏览器了。

【怎么运行Html】

如果要运行的话我们需要先创建一个web项目，在新建的WEB项目中点击右键，创建一个目录。

HBuilder v9.1.29绿色版

在html目录下创建html文件，所创建的html文件会有个默认名，改成自己想要的名称。然后根握你的需要选择模板（html5还是html4,默认是html5），我这里默认。

HBuilder v9.1.29绿色版

完善你的代码，下面代码个人随便弄，不要看。然后点击浏览器图标，运行你的html代码就可以看到设置的效果了。

HBuilder v9.1.29绿色版

HBuilder常见问题

Q:什么叫滚动条信息点?

A:当代码中有重要的标记出现时，会生成滚动条信息点，在滚动条右侧出现颜色各异的点。点击这些点或使用跳转到下一个信息点功能，可以快速到达这些代码处。如下标记会生成信息点：书签、任务、错误提示。

HBuilder v9.1.29绿色版

Q:怎么实现代码追踪?

A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方，HBuilder提供了一个非常好用的代码追踪功能，只需要按住Ctrl+鼠标左键即可实现追踪。

Q:输入small不提示，语法库是不是不全?

A:代码块是否提示，取决于是否设置了这个代码块，代码块是可自定义的。默认没有预置small代码块，你也可以在代码块弹出界面点右下角的编辑图标，进行代码块的补充修改。另外可以使用emmet(ZenCoding)语法，这个没有提示，但敲完small，按tab，就会自动生成标签。emmet是一种前端公开技术，网上教程很多。

Q:为什么有时候我输入代码块的名称，却没有出现想要的代码块?

A:代码块的显示名称和激活字符是不同的，查看激活字符请在激活代码助手后选择代码块，看右边信息栏的详情

Q:编辑器怎么实现分栏?

A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。

1、左右分栏实现：鼠标点着编辑器选项卡往最右边拖动即可实现左右分栏

HBuilder v9.1.29绿色版