vue-element-admin一個基於 vue2.0 和 Eelement 的控制面板 UI 框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板以及非常的成熟了，並且有相關的社區和維護人員，開發時候遇到問題也不要慌。
推薦指數：star:star:62.1k
Github 地址：https://github.com/PanJiaChen/vue-element-admin
Demo體驗：https://panjiachen.github.io/vue-element-admin/#/dashboard
文檔：https://panjiachen.github.io/vue-element-admin-site/zh/
今天就來說一下，怎使用這個模板，以及寫好了項目，怎么樣把項目打包成靜態文件，部署在服務器上。
1：去github上面下載或者克隆
Github 地址：https://github.com/PanJiaChen/vue-element-admin
我這里使用簡單粗暴的方式，直接下點擊載按
2：把項目導入vscode，點開終端，並且在項目里面安裝依賴。
npm install --registry=https://registry.npm.taobao.org
建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
安裝完成會發現項目目錄中多了一個依賴文件夾
3：運行本地開發 啟動項目
npm run dev
4：瀏覽器打開
運行成功就使用瀏覽器打開http://localhost:9527/
可以在這個后台管理系統的模板的基礎上，修改一些自己需要的代碼，變成自己的開發的項目了，此處自行發揮，省略一萬字。
修改vue-element-admin左側導航欄的圖標
1：打開阿里矢量圖標庫https://www.iconfont.cn/
選擇一個圖標下載
選擇下載格式給svg的格式
2：
把我們下載的icon圖標的index.svg文件復制到/src/icons/svg文件夾下
3：打開src/router/index.js
在meta：{ icon}中引入即可。
4:
可以看到我從阿里矢量下載下來的圖標，已經放到左側導航欄的圖標上去了~~
————————————————
版權聲明：本文為CSDN博主「祈澈菇涼」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_36538012/article/details/110523362