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

????????第一步用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的，如何管理組件間的狀態的。（未完待序）

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。