iview-admin框架運行步驟(1.通過命令2.通過webstrom)

一、通過命令行運行

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)端口占用問題

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容