HBuilderX作为HBuilder的革新之作,实现了编辑器与集成开发环境(IDE)的卓越融合。它以其轻盈的体积实现了瞬间启动的流畅体验,内置了卓越的文本处理能力,并引入了诸多创新的高效文本处理机制,这些在同类编辑器中独树一帜。作为目前市场上最快的HTML开发工具,HBuilderX配备了强大的代码助手功能,能够极大地加速开发进程,让开发者事半功倍。还提供了最全面的语法库以及详尽的浏览器兼容性数据,有效解决了浏览器碎片化带来的困扰,让开发者在面对复杂的浏览器环境时也能游刃有余。
HBuilderX软件界面
相关软件 | 版本说明 | 下载地址 |
---|---|---|
猎码安卓中文开发工具 | 绿色版v1.1.0 | 查看 |
html5可视化开发工具 | 绿色版v0.81 | 查看 |
Egret白鹭引擎 | 官方版v3.0.8 | 查看 |
习语言编程系统 | 绿色版v1.85.6 | 查看 |
软件特色
1、轻巧
HBuilderX仅10M的绿色发行包
2、极速
不管是启动速度、大文档打开速度、编码提示,都极速响应
3、清爽护眼
界面清爽简洁,绿柔主题经过科学的脑疲劳测试,是最适合人眼长期观看的主题界面
4、无鼠标操作
掌握HX的无鼠标操作体系,成为高效极客,飞一般编码
5、markdown优先
HX是唯一一个新建文件默认类型是md的编辑器。
对于技术人员,我们强烈建议你以后不要使用记事本了,用markdown来替代txt。
本自述文件就是漂亮的markdown文档,这是技术人员才能独享的美:)
HX为md强化了Emmet、智能回车、智能缩进、智能双击,拥有顶尖的markdown编写体验。
点【菜单帮助-markdown语法示例】,可快速掌握md及HX的强化技巧!
## 扩展性
HX支持java插件、nodejs插件(需本机安装java及node环境),通过外部命令,可以方便的调用各种命令行组件。不管是git、svn还是前端编译,都可以通过配置外部命令调用,并设置快捷键。
## HX与HBuilder的关系
HX是全新的一个软件,它抛弃了eclipse架构,使用C++为基础架构。
HX目前还不能完全替代HBuilder。但在markdown记事的场景下,是最佳的记事本升级工具。
除了顶尖的markdown编写体验、漂亮的着色外,HX的极速启动、多标签、热退出、各种快捷键操作,都给了你充足的理由升级记事本工具。
使用方法
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+/注释掉选区首尾 行
更新日志
新增 uni-app 在HBuilderX中直接运行和发行鸿蒙应用,不再需要在鸿蒙开发工具中配置模板
新增 uni-app manifest可视化界面,新增鸿蒙可视化设置,原App设置改名为安卓/iOS设置
新增 语言服务 uts插件开发支持鸿蒙系统API的提示
新增 json5文件着色 详情
优化 大文档选中相同词高亮性能,避免卡顿UI
优化 项目管理器项目过多时,降低系统内存和资源占用
修复 重启hx后的切换视图文件顺序和关闭时不一致 详情
调整 MacOS 系统文件关联的优先级 详情
调整 重复插入不再使用快捷键Ctrl+Insert,改用Ctrl+Shift+r,避免和部分AI工具冲突 详情
修复 alt+/快捷键触发代码提示时,偶发触发hover的Bug 详情
修复 编辑器字符搜索 焦点切换到外部程序再切换回来时,会导致代码区域滚动出错的Bug 详情
修复 MacOS HTML文件预览到内置浏览器,高亮浏览器内对应元素功能失效的Bug 详情
新增 语言服务 uni-app (x) theme.json语言服务功能支持 详情
新增 语言服务 支持内置包名@dcloudio/uni-app、pinia、vuex的自动导包
优化 语言服务 内存占用
优化 语言服务 vue文件代码提示性能
修复 语言服务 当提示项包含$符号且当前提示位置后面是括号时,回车后$符号丢失的Bug 详情
修复 语言服务 uniapp x 项目下某些情况下js文件报错的Bug 详情
修复 语言服务 uniapp项目某些情况下定义了同名属性时语言服务报错的Bug 详情
新增 语言服务 easycom组件 标签属性和事件提示时支持defineProps、defineEmits中的定义的属性和事件
修复 语言服务 uni-app x 打开多个项目时资源没有正确释放导致语言服务报错的Bug 详情
修复 语言服务 在项目下执行npm i的同时触发转到定义等功能可能会导致语言服务报错的Bug 详情
修复 语言服务 某些情况下语言服务报错:No Project.的Bug 详情
修复 语言服务 打开某个被引用的vue文件时修改script lang后在script区域悬浮时语言服务报错的Bug 详情
修复 语言服务 语言服务刚初始化时,cli项目下快速转到vue文件可能会出现语言服务报错的Bug 详情
修复 语言服务 html文件写vue时,某些情况下语言服务报错的Bug 详情
修复 语言服务 uts插件开发环境下无法提示插件下文件路径的Bug 详情
修复 语言服务 自定义组件属性悬浮提示时, 可能导致语言服务报错的Bug 详情
修复 语言服务 3.8.12版本引发的 特殊值域String, cssSelectorString不生效的Bug 详情
修复 语言服务 3.8.12版本引发的 特殊值域String, VideoIdString和WebviewIdString提示不正确的Bug 详情
修复 语言服务 3.8.12版本引发的 特殊值域String, colorString提示结果顺序不正确的Bug 详情
修复 语言服务 3.8.12版本引发的 特殊值域String, cssPropertyString提示项的排序不正确的Bug 详情
修复 语言服务 3.8.12版本引发的 特殊值域String, 部分情况下ScriptImportURIString补全项不正确的Bug 详情
修复 语言服务 3.8.0版本引发的 html文件中,document.getElementById()根据实际dom元素类型提示失效的Bug 详情
修复 语言服务 3.5.3版本引发的 html代码块,属性相关代码块不提示的Bug 详情
修复 语言服务 3.5.3版本引发的 html代码块,属性值的位置误提示的Bug 详情
修复 语言服务 3.5.3版本引发的 style代码块在属性选择器中误提示的Bug 详情
修复 语言服务 3.5.3版本引发的 script区域,部分代码块不提示的Bug 详情
修复 语言服务 3.5.3版本引发的 uni-app项目中html文件缺少条件编译的Bug 详情
修复 语言服务 3.5.3版本引发的 *.schema.json文件foreignKey字段循环引用报错的Bug 详情
修复 语言服务 3.5.3版本引发的 路径提示有概率导致语言服务报错的Bug 详情
修复 语言服务 3.5.3版本引发的 jsDoc提示导致语言服务报错的Bug 详情
修复 语言服务 3.5.3版本引发的 URI.parse可能导致的语言服务报错的Bug 详情
修复 语言服务 3.91版本引发的 uni-app x项目中style代码块重复的Bug 详情
修复 语言服务 3.5.3版本引发的 jsdoc代码块补全结果不正确的Bug 详情
修复 语言服务 4.08版本引发的 右键功能-文件查找引用无结果的Bug 详情
修复 语言服务 3.6.11版本引发的 编辑器手动指定关联语言时可能导致乱报红的Bug 详情
修复 语言服务 3.98版本引发的 manifest.json文件,在key的中间打字没有代码提示的Bug 详情
修复 语言服务 3.99版本引发的 废弃upx还能提示的Bug 详情
修复 语言服务 3.99版本引发的 style代码提示描述不对的Bug 详情
修复 语言服务 3.94版本引发的 json转type功能,在特定情况下,转换结果不对的Bug 详情
修复 语言服务 3.6.5版本引发的 markdown的锚点链接提示不正确的Bug 详情
修复 语言服务 3.99版本引发的 class类名转到定义跳转文件不对的Bug 详情
修复 语言服务 uts plugin中开发安卓插件,覆写interface的方法时误报红的Bug 详情
修复 语言服务 uts插件iOS平台在windows电脑上文件查找引用和触发函数签名时状态栏报错的Bug 详情
调整 Windows HBuilderX”运行配置”-“kotlin编译器最大堆内存大小”默认值为2048
修复 uni-app 运行到微信开发者工具,偶发关闭运行控制台崩溃的Bug 详情
新增 uni-app manifest.json 可视化界面增加鸿蒙配置
新增 uni-app x 云打包支持aab、渠道包和广告配置
新增 uni-app x iOS uvue断点调试 详情
新增 uni-app x 新建uni_modules插件,增加分类UTS插件-标准模式组件
新增 内置了 uni-im 消息通知插件,在右下角闪动未读消息