1：安裝cnpm
由于npm有些資源被屏蔽或者是國外資源的原因阱驾，經(jīng)常會(huì)導(dǎo)致用npm安裝依賴包的時(shí)候失敗，所有我還需要npm的國內(nèi)鏡像---cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org
2：安裝webpack
npm install webpack -g
webpack是一款模塊加載器兼打包工具对室，它能把各種資源逸嘀，例如JS（含JSX）释漆、coffee辫狼、樣式（含less/sass）五垮、圖片等都作為模塊來使用和處理扎附。 webpack 的核心是 依賴分析,把依賴分析出來了抠忘，其他都是細(xì)枝末節(jié)撩炊。
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)境就搭建好了
4：cd /項(xiàng)目名稱
下面就是運(yùn)行項(xiàng)目了骆膝，cd /項(xiàng)目名稱，我的文件放在D盤灶体，所以先進(jìn)入d盤阅签，再進(jìn)入項(xiàng)目。
5：npm install
進(jìn)入項(xiàng)目之后安裝依賴蝎抽，安裝成功
注意：在這一步可能會(huì)出現(xiàn)這樣的錯(cuò)誤政钟；因?yàn)槟愦蜷_的是別人的項(xiàng)目，項(xiàng)目之中肯定有 node_modules模塊，那么先刪除掉养交，在執(zhí)行npm install命令
如果出現(xiàn)了精算，請參考這篇文章解決：http://www.reibang.com/p/5e62d852babc
6：npm run dev
一切準(zhǔn)備就緒，啟動(dòng)項(xiàng)目
npm run dev
7：自動(dòng)啟動(dòng)瀏覽器就會(huì)打開項(xiàng)目了
在瀏覽器中輸入http://localhost:8080/#/层坠；進(jìn)入項(xiàng)目首頁
若是要訪問其他頁面殖妇，直接在#后面加上組件名稱即可：例如http://localhost:8080/#/adjustIntegral
---------------------
作者：祈澈菇?jīng)?/p>
來源：CSDN
原文：https://blog.csdn.net/qq_36538012/article/details/81475913
版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請附上博文鏈接破花！
