当前位置:首页 > 电脑软件 > 编程软件 > HBuilder X(Web开发工具)

HBuilder X(Web开发工具)

版本:v4.07.2024032720 大小:49.47M 语言:简体中文 类别:编程软件
  • 类型:国产软件
  • 授权:免费软件
  • 更新:2024-03-28
  • 标签: 前端开发工具
  • 环境:Windows11,Windows10,Windows8,Windows7
  • 本地下载
8.7
0% 0%

情介绍

HBuilder X官方版是一款非常好用的编程开发工具,比起其他开发工具确实好用的很多,打开的速度相当的快,而且界面设计和ui看起来也是非常的干净舒服,很适合给广大编程人员来使用。hbuilderX编辑器代表了新一代开放服务的方向,基于持续更新的云知识库的高效开放工具,让开发者更加专注于解决问题本身,让技术服务变得更智能。它的出现推动和加速HTML5的发展,在最全语法库中可以看到每个语法在各个浏览器、各个版本的支持情况。新版hbuilderX编辑器是ide和编辑器的完美结合,既精通某种语言的语法分析、提示、转到定义、调试功能,也可以对通用文本处理,提供更高效的通用文本处理能力,小巧精致。新增了js、css等分号结尾的语言,双击分号选择该段内容的功能,大大提高了用户的工作效率。欢迎感兴趣的用户前来下载体验!

HBuilder X软件介绍

1、轻巧、极速

10M的绿色发行包,C++架构,启动速度、大文档打开速度;编码提示,都极速响应。

2、强大的语法提示 

一流的ast语法分析能力,语法提示精准、全面、细致,转到定义、重构完善

3、专为vue打造

提供比其他工具更优秀的vue支持,大幅提升你的vue开发效率

4、清爽护眼 

界面清爽简洁,绿柔主题经过科学的脑疲劳测试,最适合人眼长期观看的主题界面。保护手腕,减缓鼠标手。

5、高效极客操作

对字处理提供了更崇高的支持,更强大的多光标、智能双击、选区管理...

6、处理效率大幅提升

比如你可以简单的选中想要处理的多端,文字区块,方便的同时注释掉不同行的

7、markdown优先

HX是唯一一个新建文件默认类型是markdown的编辑器,也是对md支持最强的编辑器,你甚至可以直接粘贴表格、图片进来。对于技术人员,我们强烈建议你以后不要使用记事本了,用markdown来替代txt。

hbuilderX编辑器使用技巧

1、免拖动选择

用鼠标或拖着选中一片文本,是一个很容易让食指抽筋的操作。尤其是触摸板更痛苦。

但是背诵很多相关的快捷键也一样痛苦。

HBuilderX提供了更友好方式:智能双击和Ctrl+=扩大选区。

2、智能双击

下面是智能双击选中tag和包围父tag的示例

1. 双击div的首或尾可以选中这个tag。当然双击if、双击缩进符、双击括号引号内侧...很多位置都可以通过智能双击选中。具体见HBuilder的选择菜单。

2. 按Ctrl+]包围,就可以在这个选区首尾加父标签,同时闪烁光标。当前在js里按下Ctrl+]不会包围tag,而是包围if、for等函数库。

3. 输入div即可在首尾添加包围标签

3、扩大选区Ctrl+=

=是+的默认键位置,所以Ctrl+=其实就是Ctrl键和+号一起按下。

在HBuilderX里可以智能的判断选区范围,持续扩大选区,无鼠标快速选中你需要的选区。

4、反包围

上面讲到包围,也自然有反包围。

1. 双击tag p开头,选中该tag。

2. 按反包围Ctrl+Shift+],可去掉tag p并自动处理子节点的缩进。

5、HBuilderX的快捷键理念,就是符号化,而不是字母化。

很多工具的快捷键都是控制键+功能英文单词中的一个字母,这个是极难记忆的。

符号化让快捷键的记忆变简单,比如Ctrl+]是包围。

而反操作或增强操作一般是加Shift,比如Ctrl+Shift+]是反包围。

6、选中相同语法词

1.下图中,使用普通的选择相同词,会把所有div都选中。但使用Ctrl+Shift+e(mac是Command+Shift+d),会智能识别语法,剔除不相干的词。

2.下图按下Ctrl+Shift+e同时选中tag首尾的div,而不会选中子节点的div。

3.然后就可以方便的将原div改名为p

选择一个括号时,也可以使用选中相同语法词,来选中对应的另一个括号

7、交换选区内容

当需要交互2个选区的内容时,选中a、剪切、点b前面、粘贴、选中b、找到之前a的位置点击、粘贴...这么长的操作太低效。

来看HBuilderX的Ctrl+Shift+x交互选区,也就是Ctrl+x的增强版。

1. 双击第1个style属性后的引号内侧,可选中引号内容。

2. 按下Ctrl后继续双击第2个style属性后的引号内侧,可选中2个引号内的选区。

3. 按下Ctrl+Shift+x,交换style属性的内容。

8、撤销最后一个多选区或多光标

选区选多了或选错了,不用担心要重头选,Ctrl+Shift+z不是撤销编辑内容,而是撤销最后一个选区。

1. 双击选中class

2. 按Ctrl+e选中相同词

3. 按Ctrl+Shift+z,不再选中最后一个词。

9、批量合并行

下图示例,是把css合并为一行时的快捷操作

1. 双击{内侧选中class

2. 按Ctrl+双击选中另一个class

3. 按反格式化Ctrl+Shift+k,可以把每个css的区块代码都合并为一行

Ctrl+k是格式化代码,那么Ctrl+Shift+k就是合并为一行。

10、同时注释if段首尾

if块的调整很常见,除了包围、反包围外,常用操作还有同时注释掉if段首尾。

1. 双击if选中if代码块

2. 按Ctrl+\在选区首尾加光标,变成多光标模式

3. 按Ctrl+/注释掉选区首尾行

更新日志

v4.07.2024032720版本

HBuilder

修复 语言服务 uts插件web平台下不提示uts基础api的Bug

修复 uni-app 真机运行 模拟器支持多cpu架构时,运行标准基座误报不支持的Bug

修复 uni-app 内置浏览器打开时,切换文件导致未运行的项目自动运行的Bug

修复 uni-app cli项目 发行目录提示是web实际打包到h5的Bug

修复 uni-app 运行到web package.json自定义运行到内置浏览器不生效的Bug

uni-app 插件

Web平台、APP平台 修复 4.06版引出的 button 更改 border-radius 后边框样式不对的Bug

uni-app x 插件

Web平台 修复 4.06版引出的 button 更改 border-radius 后边框样式不对的Bug

uniCloud插件

修复 上传/下载所有公共模块时HBuilderX控制台无响应的Bug

修复 Web发行目录从H5调整为Web后,导致的上传前端网页托管失败的Bug

载地址

  • 电脑版
  • /Mac版

您喜欢

前端开发工具
前端开发工具
前端开发工具是指用于辅助前端开发工作的软件或工具集合。这些工具可以提高开发效率、简化开发流程、优化代码质量,并提供各种功能和特性来实现前端开发中的各种任务。包括代码编辑器如VS Code、Sublime Text,集成开发环境如WebStorm,以及调试工具如Chrome DevTools。还有协作平台如GitHub Desktop和Figma。这些工具可以提高前端开发效率、简化开发流程,满足不同项目的需求。无论是编辑代码、调试网页还是进行团队协作,这个合集都能帮助前端开发人员更加高效地完成工作。

友评论

0条评论
(您的评论需要经过审核才能显示)