大型IDE,一般会提供重构功能,就是把一个变量/方法,重命名,这个变量的定义处和引用处都自动修改。

强类型语言都有这个功能,由于js的弱类型,这个判断很难精准。

不过HBuilderX提供了另一种安全且方便的方式,即 选择相同语法词 。

选中一个变量(或不选,只是光标放在那里),点菜单-选择-选择相同语法词或右键菜单,win快捷键:;mac快捷键:。

同时在状态栏可以看到,有2个选区被选中。

然后利用多光标特性,你可以自由修改a。

当然除了js变量/方法,你也可以对html的tagname、css的class执行同样的操作。

  • 比如同时选中首尾标签:

  • 比如同时选中css和html相同的id或class名称:

  • 选择相同语法词 还有一个特性,如果你选中的是一个括号,它会帮你选中另一对括号。方便同时删除一对括号。

很多时候,我们并不是真的需要重构变量名称,只是需要查看某个变量在哪里被引用,并且在这些地方互相跳转。

方便的操作是先选中相同语法词,然后按,给这些词全部打上书签。

然后按可以在书签之间跳转。

不需要这些书签时,是清空所有书签。

  • css的选择器只能选中原始定义处,伪类、合并选择器的css命名,无法选中
  • 选择相同语法词 只能处理当前文档,对于跨文档的引用不处理
  • 此功能依赖语法提示插件,有些语法比如ts需要安装相应插件才可提示。对于还不能进行语法提示的语言无法使用此功能

如果自动选择的词不全,可以按下ctrl+鼠标双击,添加新的词到选区中。