1. 程式人生 > >怎樣執行並使用從github或者其他網站下載的vue專案

怎樣執行並使用從github或者其他網站下載的vue專案

使用場景

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

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

至此,專案已經執行成功,小夥伴們可以盡情玩耍啦~~~(^▽^)