vue框架怎么找对应的代码

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

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

搜关键字，查样式名称，看路由匹配组件。

最简单的方法使用搜索，你把你需要的代码输入进去就会全局搜索了，还可以替换

在浏览器控制台审查元素，可以查看当前页面某部分元素选择器名(右侧还会有在代码中某一行点击会打开源码文件)，也可以在vscode全局搜索当前选择器，还可以拷贝当前页面路由地址，在路由注册文件index.js中搜索当前路由地址，找到对应路由组件存放的文件名，ctrl+p 输入文件名能够快速打开对应文件，ctrl+go 输入行数能快速定位到某一行代码，总之查找对应代码方法很多的。

• 可以查看手册：vue.js 对比其他框架 中的内容

1.可以根据路由
2. vs-code ctrl+ 鼠标点击 可以直接跳转到 函数 或者组件 或者 对应的文件
3.搜索关键词 方法发明 组件 名