當前位置: 妍妍網 > 碼農

強烈推薦1個私藏前端框架!好用到哭,前端開發者的福音。

2024-03-09碼農


大家好!我是老碼農。

今天繼續直奔主題,分享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

  • 碼農說

    好啦,今天的分享就到這裏,東西不在於多,在於要有料。

    這款框架很多團隊的後端計畫都是基於他去搞的。

    至少我就經歷過幾個計畫。

    腳手架一是我們拿來用很爽,二我們要學習他的設計理念,青出於藍勝於藍。