vue框架怎么找对应的代码

Question

vue项目很大，怎么使用vscode根据前端页面找到对应的代码？

Answer 1

• 看路由，习惯上vue页面文件和路由同名，找不到的话，就在路由配置的地方看这个路由对应哪个文件
• 全局查文字，看页面上的独有的（非动态）内容，如标题，说明文字，在全局搜索。如果是i18n之类的全局变量引用，就再看这个变量哪里用到过
• 看组件，看这个页面上用到的组件中，有哪个是别的地方没用到或者用的很少，在vue代码中搜索下组件名
• 问同事，一个项目可能要经年累月，不可能一上手就全部熟透，不知道代码在哪并不是菜鸟的表现，不用露怯，问一下就好。