最近接手了一個半成品項目蛤袒，是一個vue開發(fā)的后臺管理系統(tǒng)渗常。拿到項目后，發(fā)現(xiàn)跟自己之前開發(fā)的vue項目不太一樣汗盘，以下是該項目的文件目錄結(jié)構(gòu)：
一番研究后得知該項目是通過npm安裝的，而自己之前的項目都是通過<script>標簽引入vue询一。既然如此隐孽，便嘗試用npm運行本次的項目
使用npm要先安裝node.js，安裝完成后打開cmd命令版健蕊，輸入npm -v菱阵，檢查是否安裝成功，如下圖：
npm安裝后缩功，打開cmd命令面板晴及，進入項目根目錄，執(zhí)行npm install命令安裝項目所需的依賴文件嫡锌。安裝過程并不順利虑稼，以下是安裝過程第一次報錯：
該報錯是沒安裝git以及配置對應(yīng)的環(huán)境變量，需安裝git并配置git的環(huán)境變量势木，然后重新執(zhí)行npm install命令
此時又出現(xiàn)了第二次錯誤蛛倦，如下圖：
該報錯是當克隆github上的repository時，系統(tǒng)提示防火墻禁止對git://的訪問啦桌，這時候只能用https://來訪問repository溯壶。
解決方法：打開git終端，執(zhí)行g(shù)it config --global url."https://".insteadOf git://命令，如下圖：
然后重新執(zhí)行npm install命令且改，此時不再報錯了验烧，執(zhí)行成功，如圖：
這時候需要執(zhí)行npm run dev命令來運行該項目又跛，如下圖：
執(zhí)行完畢后系統(tǒng)會自動打開瀏覽器運行項目碍拆，如下圖：
總結(jié)一下
1.直接引入vue.js和npm安裝兩種方式都可以使用vue.js
2.直接引入vue.js，方便快捷
3.npm安裝vue方便包的管理
最后
覺得文章不錯的效扫，請點個贊哇倔监！
文章首發(fā)于微信公眾號：GitWeb，歡迎關(guān)注學習技術(shù)討論交流菌仁。
