怎樣執行並使用從github或者其他網站下載的vue專案
阿新 • • 發佈:2018-12-26
使用場景
1.很多時候,我們在學習vue或者給專案搭建框架的時候,需要在各種渠道下找到參考資料,正好你的參考資料是一整個專案的時候
2.公司或者某個人搭建好了一個vue的框架,下載下來後要怎麼執行起來
3.對於那些經常在github上下載vue專案作為參考的小夥伴
使用步驟
一、首先用git或者是直接下載一個vue的專案
使用git的步驟稍作整理,見下圖:
1.根據獲取的git地址克隆整個專案
2.點選“確定”後,克隆成功。
二、下載成功後,用開發工具開啟整個專案(當然也可以使用命令列跳轉到該專案的目錄資料夾下,進行操作)
這裡就用webstorm開發工具作為示例,
1.File—open—選擇要開啟的專案—-點選ok
2.使用工具裡整合的命令列進行操作(當然也可以自己用cmd開啟操作電腦自帶的命令列工具)
3.在命令列中按順序輸入命令:
(1).安裝package.json中所有的依賴包
npm install
或者 cnpm install
(安裝了cnpm的)或者nrm install
(安裝了nrm的)
(2)執行專案的命令
npm run dev
至此,專案已經執行成功,小夥伴們可以盡情玩耍啦~~~(^▽^)