大家好!我是老碼農。
今天繼續直奔主題,分享1個好用到哭的前端腳手架框架。
vue-element-admin
看名字很多前端開發者是不是感覺很熟啊!
啊,你說的這款框架!
太老土了吧,我們團隊一直在用。
對,這款框架的確很多團隊都在用,但今天我仍然要繼續推薦。。。。
客官,作為一個前端開發,本文最後提到的那串文件資料,你都認真看過嗎?就是這個系列:
手摸手,帶你用vue擼後台系列一~系列五
自己用過並不代表你會搭建,要自己熟讀這些相關文件,從頭到尾自己能搞定是一個前端開發應有的基本功。
好啦,不廢話啦!
先看關於這款框架的介紹。
vue-element-admin 是一個後台前端解決方案,它基於 vue 和 element-ui實作。它使用了最新的前端技術棧,內建了 i18n 國際化解決方案,動態路由,許可權驗證,提煉了典型的業務模型,提供了豐富的功能元件,它可以幫助你快速搭建企業級中後台產品原型。
我們看一下主頁面:
接下來:
計畫地址:https://github.com/PanJiaChen/vue-element-admin
Demo地址:https://panjiachen.github.io/vue-element-admin/#/login?redirect=/dashboard
Docs:https://panjiachen.gitee.io/vue-element-admin-site/zh/
這款框架的使用當前最流行的技術,並配有非常詳細的使用手冊。
使用技術:
ES2015+
vue
vuex
vue-router
vue-cli
axios
element-ui
我們在看一下官方文件:
然後配有非常詳細的說明文件,太貼心了。
這些文件強烈建議大家仔細看看。
手摸手,帶你用 vue 擼後台 系列一(基礎篇)
https://juejin.im/post/59097cd7a22b9d0065fb61d2
手摸手,帶你用 vue 擼後台 系列二(登入許可權篇)
https://juejin.im/post/591aa14f570c35006961acac
手摸手,帶你用 vue 擼後台 系列三 (實戰篇)
https://juejin.im/post/593121aa0ce4630057f70d35
手摸手,帶你用 vue 擼後台 系列四(vueAdmin 一個極簡的後台基礎樣版)
https://juejin.im/post/595b4d776fb9a06bbe7dba56
手摸手,帶你用vue擼後台 系列五(v4.0新版本)
https://juejin.im/post/5c92ff94f265da6128275a85
手摸手,帶你封裝一個 vue component
https://segmentfault.com/a/1190000009090836
手摸手,帶你優雅的使用 icon
https://juejin.im/post/59bb864b5188257e7a427c09
手摸手,帶你用合理的姿勢使用 webpack4(上)
https://juejin.im/post/5b56909a518825195f499806
手摸手,帶你用合理的姿勢使用 webpack4(下)
https://juejin.im/post/5b5d6d6f6fb9a04fea58aabc
碼農說
好啦,今天的分享就到這裏,東西不在於多,在於要有料。
這款框架很多團隊的後端計畫都是基於他去搞的。
至少我就經歷過幾個計畫。
腳手架一是我們拿來用很爽,二我們要學習他的設計理念,青出於藍勝於藍。