Dependency Cruiser Extension插件
- 安裝vscode插件
Dependency Cruiser Extension
- 安裝完成后,在任何一個(gè)文件處右鍵,選擇view dependencies,即可查看依賴關(guān)系。
- 如,我們查看了AppMain.vue這個(gè)文件的引用和被引用文件。如下圖:
其實(shí)這個(gè)插件只能查看所選文件的位置、以及它內(nèi)部所引用的文件和內(nèi)容;而沒有體現(xiàn)它被哪些文件引用。
可以看到,這個(gè)文件在src/layout/components下,在它內(nèi)部引用了位于src/sotre/moudules/tagsViews.js這個(gè)文件。
vscode自帶功能
在vue文件中,右鍵點(diǎn)擊某個(gè)引入的文件,選擇Find All References
或者Shift+Alt+F12
,即可查看該文件被哪些文件引用。
上述文件的引用關(guān)系如下圖,會(huì)在vscode軟件的左側(cè)顯示:文章來源:http://www.zghlxwxcb.cn/news/detail-786141.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-786141.html
到了這里,關(guān)于vscode 查看某個(gè)組件的引用和依賴關(guān)系的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!