在VSCode中查看Svelte组件时,如何找到引入它的父文件
查找VSCode中Svelte组件
的父组件引用return (<Foo />)
- 直接用VSCode全局搜索:
按Ctrl+Shift+F(Windows/Linux)或Cmd+Shift+F(Mac)打开全局搜索框,输入<Foo />,然后把搜索范围限定在项目根目录。要是组件导入时用了别名(比如导入成Bar),就换成搜<Bar />。 - 借助Svelte官方插件精准查找:
先确认装了Svelte for VS Code插件——这是Svelte开发必备的,装完之后右键点击Foo.svelte文件,选Find References(快捷键Shift+F12),插件能准确识别模板里的<Foo />标签和脚本里的导入语句,直接列出所有用到这个组件的文件。 - 先找导入再定位模板:
如果全局搜结果太杂,先搜import Foo from或者import * as Foo from,找到所有导入该组件的文件,再去这些文件里找模板中的<Foo />标签,适合组件名有重复的情况。
内容的提问来源于stack exchange,提问作者ZYinMD
相关产品推荐
相关产品推荐

