前往github下載整個iview-admin框架的全部源碼
github地址:https://github.com/iview/iview-admin
第二步:
點擊Clone or download綠色按鈕。下載整個壓縮包
第三步:
解壓至D盤,在根目錄中按照 shift+右鍵,然後選擇“在此處打開命令窗口”。進入cmd命令窗口,輸入:npm install 安裝相關的模塊包
如下圖所示:
安裝的過程需要一些時間,因爲要下載59個模塊包。
如果運行命令命令行窗口沒反應,可以在根目錄刷新看下有沒有node_modules目錄。如果有則是正在安裝,若沒有則在命令行中按:ctrl+c退出命令,然後重新輸入:npm install,並回車。
若在安裝59個包的中圖卡住,也可以按ctrl+c激活下命令行窗口。
第四步:
第三步成功後,則輸入npm run dev 就可以運行iview-admin了
紅色框的地址就是項目地址,默認是用默認瀏覽器打開,你可以直接複製在其它瀏覽器打開。
在瀏覽器打開的期間需要稍等幾分鐘,因爲它整個項目會有一次打包壓縮編譯的過程。
直到出現如下圖所示就可以正常使用和二次開發了
如果在安裝過程中遇見錯誤問題:
如
說明NODE.JS沒有安裝正確,或者環境變量沒有設置成功, 需要重新安裝NODE.JS或者設置環境變量
在執行
npm install 命令時如果遇到下圖情況:
出現此種問題的原因是npm的版本過低
運行npm install -g npm後
再運行npm install -g vue-cli
如果訪問時間過長導致出現問題,不妨嘗試運行vpn
執行過後再執行
npm run dev就OK了
最後在彈出的網頁界面中輸入密碼進入IVIEW網頁: