Vue入門——開源項目vue-element-admin本地運行

Vue入門——開源項目vue-element-admin本地運行

1.項目地址與簡介

官方項目地址:

官方簡介:

​ vue-element-admin 是一個後臺前端解決方案,它基於 vue 和 element-ui實現。它使用了最新的前端技術棧,內置了 i18n 國際化解決方案,動態路由,權限驗證,提煉了典型的業務模型,提供了豐富的功能組件,它可以幫助你快速搭建企業級中後臺產品原型 .

官方使用文檔:vue-element-admin使用手冊-中文

2.Git拉取項目並運行

2.1 git cloone項目至本地

這個其實官方文檔裏有,我將項目克隆到D盤vue目錄下,先切換目錄至D盤vue下然後執行以下命令:


# 克隆項目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 進入項目目錄
cd vue-element-admin

2.2 安裝項目依賴

# 安裝依賴 使用淘寶鏡像
# 建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

可能遇到node-sass的安裝問題,在項目根目錄創建.nmprc文件,添加如下配置:

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

解決方案來自項目issue:node-sass下載失敗解決方案

在嘗試剛剛的安裝依賴的命令,就沒啥大問題了。

2.3 運行項目:

# 本地開發 啓動項目
npm run dev

會自動打開 http://localhost:9527 頁面,登錄就進入首頁了,可看到左側欄中各種各樣的組件…

3.官方建議

以下這段話也摘自官方文檔:

你可以把 vue-element-admin當做工具箱或者集成方案倉庫,在 vue-admin-template 的基礎上進行二次開發,想要什麼功能或者組件就去 vue-element-admin 那裏複製過來。

造輪子就免了,用用就行,畢竟是個學習Java後端的…

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章