分类
大小:17.1M更新:2020-01-22
类别:编程工具系统:WinAll
HBuilderX是由DCloud推出的html5式的web开发工具。最简单的绿色发行包,仅仅只需要十几兆空间;世界一流的ast语法分析能力,语法提示精准、全面、细致;HX是唯一一个新建文件默认类型是markdown的编辑器,也是对md支持最强的编辑器,你甚至可以直接粘贴表格、图片进来。有需要的小伙伴欢迎来西西下载体验。
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。
快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
1、极速
不管是启动速度、大文档打开速度、编码提示,都极速响应
2、轻巧
仅10M的绿色发行包
3、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的极速启动、多标签、热退出、各种快捷键操作,都给了你充足的理由升级记事本工具。4、清爽护眼
界面清爽简洁,绿柔主题经过科学的脑疲劳测试,是最适合人眼长期观看的主题界面
5、无鼠标操作
掌握HX的无鼠标操作体系,成为高效极客,飞一般编码
HBuilderX是HBuilder的升级版。
不过有些习惯和之前不一样了。习惯老版的人可能会有点不适应。
但还是应该升级到新版。
HBuilder和HBuilderX的区别:
1.HBuilderX是基于C++重写的,性能更高、启动更快。
2. 界面更漂亮
3. vue、markdown、小程序等很多方面,HBuilderX都做的更好
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+/注释掉选区首尾 行
eric python ide安装编程工具M最新免费版
查看Kirisun科立迅PT558对讲机写频软件编程工具MV2.41a中文版
查看Visual Studio 2017编程工具.77M15.0.26228.9 最新版
查看Syncfusion 企业版 2020编程工具Mv18.1.0.42免费版
查看CMake编译工具软件编程工具M3.17.2 免费版
查看威纶触摸屏EB8000编程软件编程工具MV4.65.14 官方最新版
查看s60第三版模拟器编程工具M官方免费版
查看labplus软件编程工具Mv2.4.7官方版
查看可视化H5布局器(Magical Drag)编程工具Mv2.2.2离线版
查看Rc正则调试助手编程工具M
查看pak文件解析工具编程工具.02MPython版
查看鬼鬼JS调试工具编程工具M7.5最新版
查看web表单编辑器(Arclab Web Form Builder)编程工具Mv5.0.19 免费版
查看SQLite Expert Personal汉化版编程工具M3.5.9.2428
查看EmEditor Pro编程工具Mv19.7.0 最新中文免费版
查看JS类选择编辑器(Json Class Generator)编程工具.26Mv1.4.0.0官方版
查看AlphaRobot1s QT(Alpha 1机器人编程软件)编程工具M2.3.1.1011官方版
查看Swing设计工具(JFormDesigner)编程工具Mv5.2免费版
查看QuickTester(web自动化测试)编程工具M绿色版
查看X_Builder(plc编程软件)编程工具M2.13官方版
查看VBA代码宝编程工具M1.0.2.26免费版
查看Visual Studio版本工程转换器编程工具.02Mv1.0 绿色版
查看单片机闪存编程C2Prog编程工具M1.7a-b5271
查看源码编辑器客户端编程工具MV3.6.9 官方版
查看点击查看更多