vscode 查看某个组件的引用和依赖关系
·
Dependency Cruiser Extension插件
- 安装vscode插件
Dependency Cruiser Extension
- 安装完成后，在任何一个文件处右键，选择view dependencies，即可查看依赖关系。
- 如，我们查看了AppMain.vue这个文件的引用和被引用文件。如下图：
其实这个插件只能查看所选文件的位置、以及它内部所引用的文件和内容；而没有体现它被哪些文件引用。
可以看到，这个文件在src/layout/components下，在它内部引用了位于src/sotre/moudules/tagsViews.js这个文件。
vscode自带功能
在vue文件中，右键点击某个引入的文件，选择Find All References或者Shift+Alt+F12，即可查看该文件被哪些文件引用。
上述文件的引用关系如下图，会在vscode软件的左侧显示：
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。
更多推荐
6
0- 0
已为社区贡献9条内容
所有评论(0)