如何在WebStorm中查找未传入exampleprop的ExampleComponent用法
在WebStorm中查找未传入
exampleprop的ExampleComponent实例 可以实现,下面提供两种适配WebStorm特性的可靠方法:
方法一:正则表达式全局搜索
适合快速检索跨多行或单行的组件写法:
- 按下
Ctrl+Shift+F(Windows/Linux)或Cmd+Shift+F(Mac)打开全局搜索面板 - 点击搜索框右侧的
.*图标,启用正则表达式模式 - 勾选搜索面板下方的
Dot matches newlines选项(让匹配规则覆盖换行内容) - 输入以下正则表达式:
该规则会匹配所有以<ExampleComponent(?:(?!exampleprop).)*\/><ExampleComponent开头、以/>结束,且中间未出现exampleprop的组件代码。 - 点击「Find」即可得到目标结果。
方法二:结构搜索(Structural Search)
基于代码语法结构检索,精准度更高,避免正则可能出现的误匹配:
- 打开菜单
Edit > Find > Search Structurally... - 点击面板左上角的
+,选择「New Template」 - 在模板输入框中粘贴:
<ExampleComponent $Props$ /> - 选中模板里的
$Props$,点击右侧的「Edit Variables」按钮 - 在变量设置面板的「Text constraints」区域,勾选「Exclude text」并输入
exampleprop - 依次点击「OK」保存约束,再点击「Find」即可检索到符合要求的组件实例。
内容的提问来源于stack exchange,提问作者Boris Grunwald
相关产品推荐
相关产品推荐

