Vue入門——開源項目vue-element-admin本地運行
1.項目地址與簡介
官方項目地址:
- Github:vue-element-admin的Github首頁
- Gitee:vue-element-admin的Gitee首頁
官方簡介:
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後端的…