前端维护项目该怎么做呢

本人前端小白，记录下自己的操作，有不足的地方欢迎指正

第一步用svn或是git拉取代码，然后找到src文件夹，开终端，运行项目，努力让项目能够在自己的电脑下跑起来，解决了nodejs的版本问题，下载依赖缺失，端口号不匹配等问题后，项目可以正常运行了。

第二步开始定位项目要修的代码位置。因为前端一般就更改取名通常叫src的源代码文件夹，所以找到src文件夹后，点开src文件夹，看下目录下大致的文件夹，文件夹名大致意义可以搜关键词（vue-cli 项目结构目录简介）文章讲了一些通用的文件命名，也可以搜下文件名命名规范进行了解。找到该目录下的main.js文件打开文件，可以了解main.js所使用的插件，库，框架。以vue项目为例，项目中一般有ui（elementUi，vant）框架，echarts库，axios，vuex，vue-router等，在该文件内可以看到这些文件的引用路径，可以根据更改需求进行追踪，比如某一页面需要更改一些文字，首先要定位在哪个文件的代码需要修改，一般在浏览器中搜索栏中像 mp_blog/creation/editor的展示格式，可以看到 / 后的文字为editor，用vue-router进行路由的管理，一般将路由的配置信息放入名为router的文件夹中，如果没有，可以跟据main.js，import引入的vue-router地址，找到要搜索的文件，用搜索功能搜索editor关键词，找到其对应的component属性下的值，该值为组件名，在该文件下搜索组件名，有import关键词的那行代码有该组件的文件位置，找到该组件文件，如果该组件没引入子组件，要修改的代码就在该文件内，有子组件可根据修改功能要求定位，当然可以配合在谷歌下的vue Devtools插件来查组件能够更加便捷，这样一般就能找到你想改的文件位置。

第三步，分析项目代码。其主要用了哪些插件，库，框架，最好不加入新的插件，库，框架，项目的依赖也最好不进行改动，容易导致其它报错，看看如何调用api的，如何管理组件间的状态的。（未完待序）

前端维护项目该怎么做呢相关推荐

【Day11】平时在项目开发中都做过哪些前端性能优化
平时在项目开发中都做过哪些前端性能优化一.体验优化二.提升页面性能三.首页加载优化(减少白屏时间) 一.体验优化从用户角度而言,优化能够让页面加载得更快.对用户的操作响应得更及时,能够给用户提 ...
前端项目课程6 做酒仙网顶部注意事项有哪些
前端项目课程6 做酒仙网顶部注意事项有哪些一.总结一句话总结: 1.css样式代码搁在那? 先搁在本页面,后面很多的时候在一次剪过去 2.如何给页面部分的什么ceo邮箱.社区.电话等字体变成红色? ...
Web前端之如何描述自己做过的项目
在面试时,经过寒暄后,一般面试官会让介绍项目经验 .常见的问法是,说下你最近的(或最拿得出手的)一个项目. 根据我们的面试经验,发现有不少候选人对此没准备,说起来磕磕巴巴,甚至有人说出项目经验从时间 ...
前端月趋势榜：5 月最热门的 20 个前端开源项目 - 2105
大家好,我是你们的猫哥,那个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 相信很多人都没有逛 GitHub 的习惯,因此总会有开源信息的不对称,有哪些优秀的前端开源项目值得学习的也不知道. 从 2018 年 ...
前端月趋势榜：4 月最热门的 20 个前端开源项目 - 2104
大家好,我是你们的猫哥,那个不喜欢吃鱼.又不喜欢喵的超级猫 ~ GitHub 上面有个 Trending 榜 (趋势榜),在 Trending 页面,你可以看到最近一些热门的开源项目或者开发者,这 ...
项目验收怎么做，才能避免翻车？
项目验收就好像你自己打的那套卷子交给老师评分一样,自己检查一点错都没有,或者知道哪里有一些错,但是结果还是需要交由老师评判.在还没有到交卷时间时,我们需要将自己的卷子修改到自己认为到最好的状态下进行交 ...
基于Vue+Vue-cli+webpack搭建渐进式高可维护性前端实战项目
本文是专栏<Vue + SpringBoot前后端分离项目实战>的实战第一篇,将从Vue脚手架安装开始,逐步带你搭建起一套管理系统所需的架构.当然,在默认安装完成之后,会对文件目录进行初步 ...
100个优秀前端开源项目
引言整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,作者简书上文章会持续更新,版权归原作者所有. 最新更新 codepen 一个在线编辑前端项目的网站,其中有一些 ...
前端月趋势榜：6 月新增的、最热门的 20 个前端开源项目 - 2106
大家好,我是你们的猫哥,那个不喜欢吃鱼.又不喜欢喵的超级猫 ~ GitHub 上面有个 Trending 榜 (趋势榜),在 Trending 页面,你可以看到最近一些热门的开源项目或者开发者,这 ...

前端维护项目该怎么做呢

前端维护项目该怎么做呢相关推荐

最新文章

热门文章