按住Alt+鼠标左键即可转到定义,快捷键是F12。
图示:
跳转后返回之前的光标位置,HBuilder是ctrl+q,HBuilderX是alt+left,也支持鼠标的后退键。
HBuilderX还支持ctrl+alt+鼠标左键,通过分栏打开新文档,这样可以并排查看。
HBuilder的跳转功能超过一般工具。
目前支持跳转的内容包括:
- js中定义的变量和函数。在引用变量或函数时,可以跳转到定义的位置,包括HTML中同文件内部跳转及HTML向js文件的跳转。
- css中定义的样式。在引用的class里可以跳转到对应的css定义处,包括HTML中同文件内部跳转及HTML向css文件的跳转。但目前还不支持选择器里.class写法的跳转。
- HTML中定义的元素id。在js里使用document.getElementById("div1"),这里的div1也是可以跳转的。但目前还不支持#id写法的跳转。
- 文件跳转。在HTML、js、css、图片、多媒体音视频等文件被引用等地方,可以直接跳转打开该文件。
几个注意:
- 使用alt而不使用ctrl,一是因为ctrl+鼠标左键是多光标和选相同词,有冲突,二来HBuilder的快捷键体系定义里,alt代表跳转。
- 文件要有引用关系才能跳转,比如HTML里引用了css文件或js文件,才能从HTML里跳转到css或js文件里
- 目前选择器里#id和.class写法的转到定义还不支持,后续升级会补充这些功能。
- 如果出现无法跳转的情况,有2种可能,一是项目刚建立,索引还没完成,需要等右下角的索引进度完成才能跳转;二是索引被某些操作破坏,此时需要对工程点右键-扫描索引-重新建立索引。
- 无论如何,单独文件直接打开而不创建项目是无法跳转的。