????????本人前端小白，記錄下自己的操作，有不足的地方歡迎指正

????????第一步用svn或是git拉取代碼，然后找到src文件夾，開終端，運(yùn)行項(xiàng)目，努力讓項(xiàng)目能夠在自己的電腦下跑起來(lái)，解決了nodejs的版本問題，下載依賴缺失，端口號(hào)不匹配等問題后，項(xiàng)目可以正常運(yùn)行了。

????????第二步開始定位項(xiàng)目要修的代碼位置。因?yàn)榍岸艘话憔透娜∶ǔ＝衧rc的源代碼文件夾，所以找到src文件夾后，點(diǎn)開src文件夾，看下目錄下大致的文件夾，文件夾名大致意義可以搜關(guān)鍵詞（vue-cli 項(xiàng)目結(jié)構(gòu)目錄簡(jiǎn)介）文章講了一些通用的文件命名，也可以搜下文件名命名規(guī)范進(jìn)行了解。找到該目錄下的main.js文件打開文件，可以了解main.js所使用的插件，庫(kù)，框架。以vue項(xiàng)目為例，項(xiàng)目中一般有ui（elementUi，vant）框架，echarts庫(kù)，axios，vuex，vue-router等，在該文件內(nèi)可以看到這些文件的引用路徑，可以根據(jù)更改需求進(jìn)行追蹤，比如某一頁(yè)面需要更改一些文字，首先要定位在哪個(gè)文件的代碼需要修改，一般在瀏覽器中搜索欄中像 mp_blog/creation/editor的展示格式，可以看到 / 后的文字為editor，用vue-router進(jìn)行路由的管理，一般將路由的配置信息放入名為router的文件夾中，如果沒有，可以跟據(jù)main.js，import引入的vue-router地址，找到要搜索的文件，用搜索功能搜索editor關(guān)鍵詞，找到其對(duì)應(yīng)的component屬性下的值，該值為組件名，在該文件下搜索組件名，有import關(guān)鍵詞的那行代碼有該組件的文件位置，找到該組件文件，如果該組件沒引入子組件，要修改的代碼就在該文件內(nèi)，有子組件可根據(jù)修改功能要求定位，當(dāng)然可以配合在谷歌下的vue Devtools插件來(lái)查組件能夠更加便捷，這樣一般就能找到你想改的文件位置。

? ? ? ? 第三步，分析項(xiàng)目代碼。其主要用了哪些插件，庫(kù)，框架，最好不加入新的插件，庫(kù)，框架，項(xiàng)目的依賴也最好不進(jìn)行改動(dòng)，容易導(dǎo)致其它報(bào)錯(cuò)，看看如何調(diào)用api的，如何管理組件間的狀態(tài)的。（未完待序）

總結(jié)

以上是生活随笔為你收集整理的前端维护项目该怎么做呢的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。