vue项目中,接手别人代码的,如何去分析?

首先拿到别人的代码的时候去分析以下几个事情。这里使用VUE项目举例,
一、首先观察package.json 看看是否是脚手架搭建,以及跑项目命令。分析是脚手架几 2 ? 3 ?4?
npm run dev || npm run serve ,其次再了解安装的一些依赖,比如,如果依赖里面有element-ui 这个UI库,但是没有babel-plugin-component 这个依赖的话,就可以判断出是使用了elementUI库而没有按需引入,而是全局引入,如果让你接受使用按需引入的话就需要进行一些配置了,配置完成并且将已经引入的组件进行注册安装。
二、安装依赖,运行命令行npm install 通常在这一步会出现大多的错误,什么缺乏Python环境呀,等等一系列看不懂的报错,这时候就需要去试一试cnpm。如果cnpm 安装依赖也报错再试一试安装一个Python环境,或者分批安装对应的依赖,比如npm i vue-router vuex -S 等。实在解决不了可以和项目负责人聊聊,试试找找帮助,这里一些解决方案也是百度查找的,
三、当依赖什么安装完成后,就可以跑起来项目先看看了,如果是后台管理系统的话,在不知道账号密码的情况下(并且后端服务挂了的前提下)可以进入axios拦截器或者路由的前置守卫里面将拦截的动作注释掉。这样就可以跳过(需要手动在地址栏输入路径)登录页面,直接进入user页面或者其他页面,当然这里还会出现一些请求超时,页面没数据等报错,这时候不用管,只需要打开router配置文件,根据配置文件的路径进行页面的一一访问,查看有的页面是否可以跳转,如果不能跳转或者直接显示空白页面就说明这些页面并没有做出来。
四、在后端服务没挂的时候,最好问后端老哥要一个账号密码进行登录,然后在页面中跳转观测,但是呢后端老哥服务是启动了,但是还是不响应的话,可以使用postman等工具对一些接口进行调试,看看是否成功,不成功的话(后端多个,但是给你接口的这个脾气不好) 可以试试去别的后端老哥要个接口,进行测试。
五、查看vue.config.js文件,这里通常配置一些代理呀 ,接口配置乱七八糟一些东西。
六、查看一些plugins里面的配置,查看里面的axios二次封装,或者一些简单的get请求是如何进行的。方便以后调用。
七、深入页面。后端服务启动的时候,可以观察一些layouts页面之间是如何存在的,这时候,去路由配置文件里面观察是最好的,根据里面的路径,找到一一对应的页面,理解上一个开发者的布局思路,可以更快的上手整个项目,因为可能留给你上手的时间并不多。
八、当然,在一个项目里面会有很多的上一个开发者自己封装的一些方法,全局变量什么的。这些文件大部分会在主入口main.js里面引入,这时候可以一一点进去观察这些模块都暴露出来什么东西,最好的情况下是自己理解,然后在引入的位置进行注释标注,有利于以后的调用。
九、项目跑起来后观察控制台里面看看有没有报错,如果有报错需要及时的去处理这些报错的原因。

总结:接手一半的项目,并且在短时间内理解是一件比较头大的事情,如果有人讲解或者带你是最好的,如果没人带的话可以试试这个思路来分析代码,说不定会有一定的帮助,编程不易,且行且珍惜。
 

  • 4
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柠檬加栤

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值