蠟筆(Crayon)管理模板:Vue3 + Vuex4 + Ant Design2
蠟筆(Crayon)管理模板,是一個學習性質的管理模板,借此機會學習一些最新的前端框架,也希望有一些志同道合的小伙伴加入,從中學習提高自己的技能。為什么叫蠟筆,蠟筆可以為畫填上色彩,寓意點綴美好生活和職業生涯。
蠟筆(Crayon)管理模板基于Vue3+、Vuex4+、Ant Design2,并準備好使用REST API作為數據通訊標準,以Vite作為構建工具。

蠟筆(Crayon)管理模板
項目地址:https://github.com/QuintionTang/crayon
項目目前處于起步階段,因此有些功能不夠完善,目前基本完成登錄功能,路由還未處理,因此需要手動進入登錄頁面:http://localhost:4002/auth/login。
REST Api項目地址:https://github.com/QuintionTang/pretender-service

技術棧簡介
現在簡單介紹一下整個管理模板使用的技術棧,由于是業務學習實踐,項目進展可能比較緩慢,在這里立一個目標,做到每周往前推進一小步。后期將對項目使用的技術進行詳細的學習并輸出學習筆記,加深對技術的理解。
vue3
vue3是vue2的升級,是一個斷崖式的更新,使用vue3需要跳出熟悉的vue2生態,意味著很多理念需要重新的理解,個人認為這是前端程序員應該具備的特征,時刻接受新生框架。
下面來看看Vue3在性能做了什么優化:
- 源碼體積的優化
- 響應式系統的升級
- 代碼編譯優化
vite 是什么
vite一個由 vue 作者尤雨溪開發的 web 開發工具,它具有以下特點:
- 快速的冷啟動
- 即時的模塊熱更新
- 真正的按需編譯
Ant Design of Vue
ant-design-vue 是 Ant Design 的 Vue 實現,組件的風格與 Ant Design 保持同步,組件的 html 結構和 css 樣式也保持一致,真正做到了樣式 0 修改,組件 API 也盡量保持了一致。