入手前端大项目,该如何快速定位到自己需要修改代码的地方(二次开发可用)

(1)使用关键字搜索

首先我们可以根据关键字 来进行代码位置的定位,或者我们可以通过某个请求来定位代码,比如我们进到一个页面或者点击一个按钮他会执行一些请求,这个时候我们就可以通过请求的方法名称来寻找我们需要修改代码的位置。

(2)通过url来定位,我们在做vue项目的时候都会进行路由的配置,我们可以从url看到当前页面的路由,然后放到我们路由配置的页面点击关联的页面就可以直接跳转到我们需要修改功能的页面。

这个Page就是我们要找的路由接下来我们就可以通过路由配置页将我们的查找范围缩小到一个页面了。

接下来按住ctrl+鼠标左键点击就可以跳到我们需要的页面了,然后在进一步查找我们需要进行修改的地方。

(3)根据标签的类进行查找,有的标签在项目中会加入自己写的类来进行样式的修改,这个时候我们就可以将类名复制到VsCode的搜索框进行搜索了

(4)终极方法:使用Vue.js devtools。这是一款非常好用的工具可以直接选中某块内容,查看使用的是什么组件,然后我们就可以在VsCode的搜索框搜索了

下载方法可以在B站找到

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值