大家好,歡迎來到程式視點!我是小二哥!
今天給大家推薦一個完全使用 TypeScript 編寫的 Vue 3 元件庫:Naive UI
Vue 作者尤雨溪官方推薦。不可小覷!
Naive UI 是一款基於當前比較新的 Vue 3.0/TypeScript 技術棧開發的前端 UI 元件庫。
作者來自圖森未來公司,一開始內部維護並使用兩年,現已在 Github 社群開源了。
Naive UI 的特點
元件豐富完整,超過80+常用業務元件,支援按需引入。
主題可調,官方提供主題編輯器,自定義功能強。
不用繁瑣的 less、sass、css 變數,也不用 webpack 的 loaders,使用由 TypeScript 構建的先進的型別安全主題系統。
全量使用 TypeScript 編寫,和 TypeScript 專案無縫銜接。
你也可以選擇使用JavasScript哦。
執行快,小巧輕量,專門針對樣式最佳化,所有元件都可以 treeshaking,不需要匯入任何 CSS 就能讓元件正常工作.
開發上手體驗
使用 npm 安裝。
npm i -D naive-ui
注意,naive-ui 僅支援 Vue3。如果你在使用 Vue2,可以去看看別的庫。
就這樣就🆗啦!接著就可以參照官網說明使用了。
官網文件非常親民!有創意且充滿幽默。
開發文件作者的內心世界確實很豐富。再來幾個元件的文件截圖給各位感受一下:
文件內容簡易懂,十分有趣。
元件的寫法很多借鑑了阿里的 Ant Design。會用Ant Design,就會用Naive UI。
建議
TypeScript是JS發展的趨勢。
學習 Vue 3 和 TypeScript,Naive UI 無疑是一個很好的選擇。元件基本都是tsx,專案也用到了vite來作為構建工具。
順便一提一下...
Naive UI地址 https://www.naiveui.com/
祝大家搬磚愉快!
寫在最後
【程式視點】助力打工人減負,從來不是說說而已!
後續小二哥會繼續詳細分享更多實用的工具和功能。持續關注,這樣就不會錯過之後的精彩內容啦!
如果這篇文章對你有幫助的話,別忘了【點贊】【分享】支援下哦~