HBuilderX 简称HX,软件是一款功能强大、专业实用的代码编辑器,这款软件是编辑器和IDE的完美结合,是HBuilder的下一代产品,拥有游戏的代码处理能力,拥有完善齐全的高效字处理模型,让用户可以能够更快速高效的进行代码输入;HBuilderX这款编辑器体积小巧、性能稳定、启动秒开,内置有丰富齐全的代码编辑辅助功能,其中包括强大的Ast语法分析能力、精准的转定义、语法重构等功能,都可让用户轻松进行代码编辑;HBuilderX相比较HBuilder而已,功能更强、操作更便捷,且更具有兼容性软件是一款更优秀的编辑器。

软件功能
1、HBuilderX是编辑器和IDE的完美结合的代码编辑软件,可以能够帮助用户监督有效的代码编辑
2、该软件普遍用于IDE开发,可以能够用于网站页面设计等等
3、HBuilderX是HBuilder的下一代产品,默认包含优秀的字处理能力、众多其他编辑器不具备的高效字处理模型
4、通过该软件用户可以能够进行简单的H5界面开发
5、该软件内置有语法分析、语法高亮提示、转到定义、调试等功能,可以能够帮助用户进行代码调试
6、拥有智能回车、智能缩进等markdown编写功能
7、拥有软件帮助指南,可以能够让用户快速掌握MD及hx使用技巧
8、支持软件主题切换功能,可以能够让用户进行软件代码编写
软件特色
1、轻巧、极速
10M的绿色发行包。
C++架构,启动速度、大文档打开速度、
编码提示,都极速响应。
2、强大的语法提示
一流的ast语法分析能力,
语法提示精准、全面、细致,
转到定义、重构完善
3、专为vue打造
能够提供比其他工具更优秀的vue支持
大幅提升你的vue开发效率
4、清爽护眼
界面清爽简洁,绿柔主题经过科学的脑疲劳测试,
最适合人眼长期观看的主题界面。
保护手腕,减缓鼠标手。
5、高效极客操作
HBuilderX对字处理能够提供了更崇高的支持。
更强大的多光标、智能双击、选区管理...
让文字处理的效率大幅提升。
比如你可以能够简单的选中想要处理的多端
文字区块,方便的同时注释掉不同行的
一对tag或if块首尾行。
6、markdown优先
HX是唯一一个新建文件默认类型是markdown的
编辑器,也是对md支持最强的编辑器,你甚至可
以直接粘贴表格、图片进来。
对于技术人员,我们强烈建议你以后不要使用记事
本了,用markdown来替代txt。
使用方法
1、完成软件下载,双击.exe文件即可进行使用,无需安装,点击鼠标右键可以能够进行软件桌面快捷键创建

2、双击软件进入软件操作界面,首次进入软件弹出软件主题设置界面

3、完成软件主题设置即可进入软件项目创建界面

4、点击文件按钮弹出新建、导入、打开文件等功能操作列表,点击即可进行使用

5、点击新建项目按钮弹出软件新建项目弹框,该弹框可以能够进行项目创建

6、点击项目文件并点击鼠标右键即可进行项目文件新建

7、点击新建文件夹类型弹出文件新建弹框,点击设置项目模板然后点击创建按钮即可

8、完成项目创建,点击项目代码编辑输入栏可以能够进行代码编写

9、点击软件上方的编辑按钮弹出软件编辑功能列表,点击选择功能即可进行使用

官方教程
HBuilderX - 高效极客技巧
惯常来讲,ide和编辑器是2个产品类别。
ide侧重于某种语言的语法分析、提示、转到定义、调试。
而编辑器则是对通用文本处理,但能够提供更高效的通用文本处理能力。
上一代HBuilder软件是一个典型的IDE,语言处理非常强大,但在字处理方面客观讲不如优秀的编辑器。
而新的HBuilderX,定位是ide和编辑器的完美结合,那么HBuilderX就会能够提供世界顶级的高效字处理能力。
看完这些,你一定会惊叹,原来极客是这么玩的。
免拖动选择
用鼠标或拖着选中一片文本软件是一个很容易让食指抽筋的操作。尤其是触摸板更痛苦。
但是背诵很多相关的快捷键也一样痛苦。
HBuilderX能够提供了更友好方式:智能双击和Ctrl+=扩大选区。
智能双击
下面是智能双击选中tag和包围父tag的示例
1. 双击div的首或尾可以能够选中这个tag。当然双击if、双击缩进符、双击括号引号内侧...很多位置都可以能够通过智能双击选中。具体见HBuilder的选择菜单。
2. 按Ctrl+]包围,就可以能够在这个选区首尾加父标签,同时闪烁光标。当前在js里按下Ctrl+]不会包围tag,而是包围if、for等函数库。
3. 输入div即可在首尾添加包围标签

扩大选区Ctrl+=
=是+的默认键位置,所以Ctrl+=其实就是Ctrl键和+号一起按下。
在HBuilderX里可以能够智能的判断选区范围,持续扩大选区,无鼠标快速选中你需要的选区。

反包围
上面讲到包围,也自然有反包围。
1. 双击tag p开头,选中该tag。
2. 按反包围Ctrl+Shift+],可去掉tag p并自动处理子节点的缩进。

这里多提一句HBuilderX的快捷键理念,就是符号化,而不是字母化。
很多工具的快捷键都是控制键+功能英文单词中的一个字母,这个是极难记忆的。
符号化让快捷键的记忆变简单,比如Ctrl+]是包围。
而反操作或增强操作一般是加Shift,比如Ctrl+Shift+]是反包围。
选中相同语法词
下图中,使用普通的选择相同词,会把所有div都选中。但使用Ctrl+Shift+e(mac是Command+Shift+d),会智能识别语法,剔除不相干的词。
下图按下Ctrl+Shift+e同时选中tag首尾的div,而不会选中子节点的div。
然后就可以能够方便的将原div改名为p

选择一个括号时,也可以能够使用选中相同语法词,来选中对应的另一个括号
交换选区内容
当需要交互2个选区的内容时,选中a、剪切、点b前面、粘贴、选中b、找到之前a的位置点击、粘贴...这么长的操作太低效。
来看HBuilderX的Ctrl+Shift+x交互选区,也就是Ctrl+x的增强版。
1. 双击第1个style属性后的引号内侧,可选中引号内容。
2. 按下Ctrl后继续双击第2个style属性后的引号内侧,可选中2个引号内的选区。
3. 按下Ctrl+Shift+x,交换style属性的内容。

如果不选择内容,光标放置到2行,可直接交换这2行的内容,如下图

撤销最后一个多选区或多光标
选区选多了或选错了,不用担心要重头选,Ctrl+Shift+z不是撤销编辑内容,而是撤销最后一个选区。
1. 双击选中class
2. 按Ctrl+e选中相同词
3. 按Ctrl+Shift+z,不再选中最后一个词。

批量合并行
下图示例,是把css合并为一行时的快捷操作
1. 双击{内侧选中class
2. 按Ctrl+双击选中另一个class
3. 按反格式化Ctrl+Shift+k,可以能够把每个css的区块代码都合并为一行
Ctrl+k是格式化代码,那么Ctrl+Shift+k就是合并为一行。

同时注释if段首尾
if块的调整很常见,除了包围、反包围外,常用操作还有同时注释掉if段首尾。
1. 双击if选中if代码块
2. 按Ctrl+\在选区首尾加光标,变成多光标模式
3. 按Ctrl+/注释掉选区首尾 行

更新日志
2.9.8.20201110
修复 MacOSX 10.13.6系统,运行app到ios真机,mdb崩溃的Bug
修复 MacOSX Big sur 11.0.1 Beta系统,运行app到ios模拟器、Android出错的Bug
修复 Windows 某些情况下,插件市场导入插件,打开新HBuilder窗体的Bug
修复 uniapp-cli项目,新建页面,提示pages.json存在错误的Bug
【uni-app插件】
App-Android平台 修复 uni原生插件扩展Component组件 bindData 回调不触发的Bug
App-iOS平台 修复 input 组件在点击时取消禁用无法弹出软键盘的Bug 详情
【App插件(含5+App和uni-app的App端)】
iOS平台 修复 2.8.13版本引出的 高德定位设置 geocode 为 true 无法返回地址信息的Bug 详情
版权声明:HBuilderX(Markdown代码编辑器)所展示的资源内容均来自于第三方用户上传分享,您所下载的资源内容仅供个人学习交流使用,严禁用于商业用途,软件的著作权归原作者所有,如果有侵犯您的权利,请来信告知,我们将及时撤销。
软件下载信息清单:
驱动文件名称 | 发布日期 | 文件大小 | 下载文件名 |
---|---|---|---|
HBuilderX(Markdown代码编辑器)安装包 | 2024年11月5日 | 19.4 MB | HBuilderX.zip |
软件评论