一、通過命令行運行
1、前往github下載整個iview-admin框架的全部源碼
github地址:https://github.com/iview/iview-admin
2、點擊Clone or download綠色按鈕。下載整個壓縮包
3、解壓至D/E/F盤都行,
在根目錄中按照 shift+右鍵,然后選擇輸入cmd 回車進入命令行窗口,

輸入:npm install 安裝相關的模塊包?
如下圖所示:

安裝的過程需要一些時間,因為要下載59個模塊包。
如果運行命令命令行窗口沒反應,可以在根目錄刷新看下有沒有node_modules目錄。如果有則是正在安裝,若沒有則在命令行中按:ctrl+c退出命令,然后重新輸入:npm install,并回車。
若在安裝59個包的中圖卡住,也可以按ctrl+c激活下命令行窗口。

成功
4.第3步成功后,則輸入npm run dev 就可以運行iview-admin了


啟動瀏覽器會自動跳轉http://localhost:8080,即iview admin的登陸頁面
紅色框的地址就是項目地址,默認是用默認瀏覽器打開,你可以直接復制在其它瀏覽器打開。
在瀏覽器打開的期間需要稍等幾分鐘,因為它整個項目會有一次打包壓縮編譯的過程。
直到出現(xiàn)如下圖所示就可以正常使用和二次開發(fā)了

二、通過webstrom去運行
1.先需要安裝git(安裝簡單,此處不再闡述),之后打開webStrom 配置git?
File–setting?



url就是要引入的git存儲庫即
https://github.com/iview/iview-admin
由于我的目錄已經(jīng)存在,這里顯示不能引入,只需換個目錄點擊克隆即可,幾分鐘之后會提示右下角會提示npm install,點擊安裝vue-cli的腳手架即可
2.運行,鼠標右鍵點擊 show npm scripts

綠色按鈕點擊運行


成功
需要注意的是如果通過命令運行就不要再用webstrom運行,否則會出現(xiàn)端口占用問題