無論是開發新手還是經驗豐富的老手,我們都喜歡開源軟體包。對於開發者來說,如果沒有這些開源軟體包,很難想象我們的生活會變得多麼疲憊不堪,而且靠咖啡度日也會成為家常便飯。所幸的是,隨著 Vue.js 和 Nuxt.js 社群的不斷壯大,每天都會出現一些很好的軟體包。
在下文中,我們將推薦一些非常好用的 Vue 和 Nuxt 軟體包。
Vue.js
Vue.js 是一個非常易用的漸進式 JavaScript 框架,用於構建使用者介面。
1.Vue Dark Mode
Vue.js 的一個極簡主義的深色設計系統。它提供了基本元件,用於構建失眠者最喜歡的深色介面。
2.Vetur
VS Code 的 Vue 工具。如果你是 Vue.js 超級使用者,必須嘗試一下!
3.Vue VS Code Snippets
這些片段很棒,從我開始學習 Vue.js 時就一直在用它。
4.Bootstrap-Vue
提供了最全面的 Bootstrap V4 實現。
5.Vue Native
你是 React Native 的粉絲嗎?就像 React Native 一樣,Vue Native 框架允許你使用 JavaScript 來構建跨平臺的原生移動應用程式。
6.NativeScript Vue
如果你更喜歡 NativeScript,這個包可以幫助你使用 NativeScript 和 Vue.js 構建原生移動應用程式。
7.Vue Content Placeholders
在獲取真實內容時,可以使用這些可組合元件渲染虛假的漸進式內容。
8.Vue Autosuggest
一個很棒的 Vue.js 自動提示元件。
9.Vue Clipboard
一個簡單的 Vue.js 包,允許使用者將文字複製到基於clipboard.js的剪貼簿。
10.Vue Clickaway
一種可重複使用的點選指令,可檢測並響應元素外部的點選動作。當我們需要關閉模態視窗或隱藏下拉選單時會非常方便。
11.Vue Waypoint
Vue.js 的 v-waypoint 指令,用於在滾動時觸發函式。當你想要在滾動時觸發動畫,它就可以派上用場。
12.Vue Virtual Scroller
用於 Vue.js 應用程式的快速無限制滾動。
13.Vue Slideout
Slideout.js 的 Vue.js 實現。
14.Vue Swing
它是Swing的 vue.js 包裝器,一個卡片形式的介面(swipe-left 對應是,swipe-right 對應否)。
15.Vue Quill Editor
Vue.js 的 Quill 編輯器,支援 SPA 和 SSR。
16.Vue Stripe Checkout
用於 Stripe 結帳的 Vue.js 外掛。
17.Vue Cleave Component
Cleave.js 的 Vue.js 元件,用於在輸入時格式化輸入內容(信用卡格式、日期等)。
18.Vuelidate
進行基於模型的驗證,實現表單驗證現在變得輕而易舉。
19.Vue.js Datepicker
一個簡單的 Vue.js 日期選擇器元件。
20.Vue Moment
想要在 Vue.js 應用程式中使用 Moment.js?你需要這個包。
21.Vue Numeric
Vue.js 輸入欄位元件,用於顯示格式化的貨幣值。
22.Vue Slider Component
這裡面的 10 種滑塊元件都使用 Vue.js 開發。
地址:nightcatsama.github.io/vue-slider-…
23.Vue.Draggable
Vue.js 元件,基於 Sortable.js 進行同步的拖放排序。
24.Vue Draggable Resizable
Vue.js 元件,用於可調整大小和可拖動的元素,沒有外部依賴。
25.Vue Color
來自 Sketch、Photoshop、Chrom 的 Vue.js 顏色選擇器。
26.Emoji Mart Vue
從 React 的 emoji-mart fork 出來的,用於 Vue.js 的 Slack 風格的可定製表情符號選擇器元件。
27.Vue YouTube Embed
基於 Angular YouTube Embed,允許你使用 YouTube iframe API。
28.Vuetable-2
Vue.js 的資料表元件。
29.Vue Chartist
基於 Chartist.js 的響應式圖表。
30.Vue Trend
最優雅的趨勢圖元件。
31.Epic Spinners
20 個易於使用的 css 調節器。
32.Vue Notification
用在 Vue.js 應用程式中的成功、警告和錯誤通知。可以放在右側、左側、底部、頂部或中間,任何你想要的位置!
33.Vue Popper
一個基於 popper.js 的 Vue.js 彈出視窗元件。
地址:robinck.github.io/vue-popper/
34.Vue Countup
基於 CountUp.js,可用於建立顯示數字資料的動畫。
35.Vue No SSR
用於包裝對 SSR 不友好的元件。
Nuxt.js
Nuxt.js 是一個基於 Vue.js 構建的框架,幫助你輕鬆構建伺服器端渲染的應用程式。
1.Create Nuxt App
在幾秒鐘內建立 Nuxt.js 專案的最簡單方法。
2.Nuxt SAAS 資源載入器
每次建立新檔案時不需要手動匯入所有的 SASS 樣式,而是讓 SASS 資源載入負責這些工作。
3.Vue Dark Mode
這個庫也是用 Nuxt.js 開發的。
4.Nuxt 的 PWA 模組
用於建立漸進式 Web 應用程式的最可靠、最穩定的模組。
5.Dotenv 模組
將.env 檔案載入到 Nuxt.js 應用程式上下文中。
6.Nuxt.js 的 Senty 模組
Sentry.io 是一個開源的錯誤跟蹤器,可以將 Sentry 新增到 Nuxt.js 應用程式中。
7. Nuxt.js 的 Google Analytics 模組
將你的 Google Analytics 帳戶與 Nuxt 專案整合。
英文原文
原文連結:https://www.infoq.cn/article/04b2Z4HmV4xshXJ*bSFO