假如你是個(gè)小白，在公司接手他人的項(xiàng)目，這個(gè)時(shí)候，該怎么將這個(gè)項(xiàng)目跑通？

前提：
首先，這個(gè)教程主要針對(duì)vue小白，并且不知道安裝node.js環(huán)境的。言歸正傳，下面開始教程：在維護(hù)項(xiàng)目之前，需要把所有的環(huán)境搭建好，這里我就不多說了，看這篇就夠了：十分鐘上手-搭建vue開發(fā)環(huán)境（新手教程）https://www.jianshu.com/p/0c6678671635

好了，再重復(fù)具體不嫌麻煩的把步驟操作一遍，做技術(shù)就得孰能生巧，一遍又一遍不斷的重復(fù)
如下：

1：安裝cnpm
由于npm有些資源被屏蔽或者是國外資源的原因，經(jīng)常會(huì)導(dǎo)致用npm安裝依賴包的時(shí)候失敗，所有我還需要npm的國內(nèi)鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org

圖片.png

2：安裝webpack
npm install webpack -g
webpack是一款模塊加載器兼打包工具，它能把各種資源，例如JS（含JSX）、coffee、樣式（含less/sass）、圖片等都作為模塊來使用和處理。 webpack 的核心是 依賴分析,把依賴分析出來了，其他都是細(xì)枝末節(jié)。

圖片.png

3：安裝vue-cli
cnpm install vue-cli -g
vue-cli是vue.js的腳手架，用于自動(dòng)生成vue.js+webpack的項(xiàng)目模板
，這個(gè)過程會(huì)耗時(shí)十幾秒，等走完就好；好了，到此整個(gè)環(huán)境就搭建好了

圖片.png

4：cd /項(xiàng)目名稱
下面就是運(yùn)行項(xiàng)目了，cd /項(xiàng)目名稱，我的文件放在D盤，所以先進(jìn)入d盤，再進(jìn)入項(xiàng)目。
cd ShopApp

圖片.png

5：npm install
進(jìn)入項(xiàng)目之后安裝依賴，安裝成功

圖片.png

注意：在這一步可能會(huì)出現(xiàn)這樣的錯(cuò)誤；因?yàn)槟愦蜷_的是別人的項(xiàng)目，項(xiàng)目之中肯定有 node_modules模塊，那么先刪除掉，在執(zhí)行npm install命令

圖片.png
如果出現(xiàn)了，請(qǐng)參考這篇文章解決：https://www.jianshu.com/p/5e62d852babc

6：npm run dev
一切準(zhǔn)備就緒，啟動(dòng)項(xiàng)目
npm run dev

圖片.png

7：自動(dòng)啟動(dòng)瀏覽器就會(huì)打開項(xiàng)目了
在瀏覽器中輸入http://localhost:8080/#/；進(jìn)入項(xiàng)目首頁
若是要訪問其他頁面，直接在#后面加上組件名稱即可：例如http://localhost:8080/#/adjustIntegral

原文作者：祈澈姑娘
技術(shù)博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，愛編程，愛運(yùn)營，愛折騰。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題，堅(jiān)持記錄工作中所所思所見，歡迎大家一起探討交流。

轉(zhuǎn)載于:https://www.cnblogs.com/wangting888/p/9701379.html

總結(jié)

以上是生活随笔為你收集整理的如何运行vue项目（维护他人的项目）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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