主題:傳說這個是35 個最好用Vue 開源庫    

刊登時間:2019/5/16 20:59:09    點閱率:74


     



 無論是開發新手還是經驗豐富的老手,我們都喜歡開源軟件包。對於開發者來說,如果沒有這些開源軟件包,很難想像我們的生活會變得多麼疲憊不堪,而且靠咖啡度日也會成為家常便飯。所幸的是,隨著Vue.js 和Nuxt.js 社區的不斷壯大,每天都會出現一些很好的軟件包。

在下文中,我們將推荐一些非常好用的Vue 和Nuxt 軟件包。

Vue.js

Vue.js 是一個非常易用的漸進式JavaScript 框架,用於構建用戶界面。

1.Vue Dark Mode

Vue.js 的一個極簡主義的深色設計系統。它提供了基本組件,用於構建失眠者最喜歡的深色界面。

地址:github.com/LeCoupa/vue…

2.Vetur

VS Code 的Vue 工具。如果你是Vue.js 超級用戶,必須嘗試一下!

地址:github.com/vuejs/vetur

3.Vue VS Code Snippets

這些片段很棒,從我開始學習Vue.js 時就一直在用它。

地址:github.com/sdras/vue-v…

4.Bootstrap-Vue

提供了最全面的Bootstrap V4 實現。

地址:bootstrap-vue.js.org/

5.Vue Native

你是React Native 的粉絲嗎?就像React Native 一樣,Vue Native 框架允許你使用JavaScript 來構建跨平台的原生移動應用程序。

地址:vue-native.io/

6.NativeScript Vue

如果你更喜歡NativeScript,這個包可以幫助你使用NativeScript 和Vue.js 構建原生移動應用程序。

地址:github.com/nativescrip…

7.Vue Content Placeholders

在獲取真實內容時,可以使用這些可組合組件渲染虛假的漸進式內容。

地址:github.com/michalsnik/…

8.Vue Autosuggest

一個很棒的Vue.js 自動提示組件。

地址:github.com/Educents/vu…

9.Vue Clipboard

一個簡單的Vue.js包,允許用戶將文本複製到基於clipboard.js的剪貼板。

地址:vue-clipboard2.inndy.tw/

10.Vue Clickaway

一種可重複使用的點擊指令,可檢測並響應元素外部的點擊動作。當我們需要關閉模態窗口或隱藏下拉列表時會非常方便。

地址:github.com/simplesmile…

11.Vue Waypoint

Vue.js 的v-waypoint 指令,用於在滾動時觸發函數。當你想要在滾動時觸發動畫,它就可以派上用場。

地址:github.com/scaccogatto…

12.Vue Virtual Scroller

用於Vue.js 應用程序的快速無限制滾動。

地址:github.com/Akryum/vue-…

13.Vue Slideout

Slideout.js 的Vue.js 實現。

地址:github.com/vouill/vue-…

14.Vue Swing

它是Swing的vue.js包裝器,一個卡片形式的界面(swipe-left對應是,swipe-right對應否)。

地址:github.com/goweiwen/vu…

15.Vue Quill Editor

Vue.js 的Quill 編輯器,支持SPA 和SSR。

地址:github.com/surmon-chin…

16.Vue Stripe Checkout

用於Stripe 結帳的Vue.js 插件。

地址:github.com/jofftiquez/…

17.Vue Cleave Component

Cleave.js 的Vue.js 組件,用於在輸入時格式化輸入內容(信用卡格式、日期等)。

地址:github.com/ankurk91/vu…

18.Vuelidate

進行基於模型的驗證,實現表單驗證現在變得輕而易舉。

地址:github.com/monterail/v…

19.Vue.js Datepicker

一個簡單的Vue.js 日期選擇器組件。

地址:github.com/charliekass…

20.Vue Moment

想要在Vue.js 應用程序中使用Moment.js?你需要這個包。

地址:github.com/brockpetrie…

21.Vue Numeric

Vue.js 輸入字段組件,用於顯示格式化的貨幣值。

地址:github.com/kevinongko/…

22.Vue Slider Component

這裡面的10 種滑塊組件都使用Vue.js 開發。

地址:nightcatsama.github.io/vue-slider-…

23.Vue.Draggable

Vue.js 組件,基於Sortable.js 進行同步的拖放排序。

地址:github.com/SortableJS/…

24.Vue Draggable Resizable

Vue.js 組件,用於可調整大小和可拖動的元素,沒有外部依賴。

地址:github.com/mauricius/v…

25.Vue Color

來自Sketch、Photoshop、Chrom 的Vue.js 顏色選擇器。

地址:github.com/xiaokaike/v…

26.Emoji Mart Vue

從React 的emoji-mart fork 出來的,用於Vue.js 的Slack 風格的可定製表情符號選擇器組件。

地址:github.com/jm-david/em…

27.Vue YouTube Embed

基於Angular YouTube Embed,允許你使用YouTube iframe API。

地址:github.com/kaorun343/v…

28.Vuetable-2

Vue.js 的數據表組件。

地址:www.vuetable.com/

29.Vue Chartist

基於Chartist.js 的響應式圖表。

地址:github.com/Yopadd/vue-…

30.Vue Trend

最優雅的趨勢圖組件。

地址:github.com/QingWei-Li/…

31.Epic Spinners

20 個易於使用的css 調節器。

地址:github.com/epicmaxco/e…

32.Vue Notification

用在Vue.js 應用程序中的成功、警告和錯誤通知。可以放在右側、左側、底部、頂部或中間,任何你想要的位置!

地址:vue-notification.yev.io/

33.Vue Popper

一個基於popper.js 的Vue.js 彈出窗口組件。

地址:robinck.github.io/vue-popper/

34.Vue Countup

基於CountUp.js,可用於創建顯示數字數據的動畫。

地址:github.com/xlsdg/vue-c…

35.Vue No SSR

用於包裝對SSR 不友好的組件。

地址:github.com/egoist/vue-…

Nuxt.js

Nuxt.js 是一個基於Vue.js 構建的框架,幫助你輕鬆構建服務器端渲染的應用程序。

1.Create Nuxt App

在幾秒鐘內創建Nuxt.js 項目的最簡單方法。

地址:github.com/nuxt/create…

2.Nuxt SAAS 資源加載器

每次創建新文件時不需要手動導入所有的SASS 樣式,而是讓SASS 資源加載負責這些工作。

地址:github.com/anterioviei…

3.Vue Dark Mode

這個庫也是用Nuxt.js 開發的。

地址:github.com/LeCoupa/vue…

4.Nuxt 的PWA 模塊

用於創建漸進式Web 應用程序的最可靠、最穩定的模塊。

地址:pwa.nuxtjs.org/

5.Dotenv 模塊

將.env 文件加載到Nuxt.js 應用程序上下文中。

地址:github.com/nuxt-commun…

6.Nuxt.js 的Senty 模塊

Sentry.io 是一個開源的錯誤跟踪器,可以將Sentry 添加到Nuxt.js 應用程序中。

地址:github.com/nuxt-commun…

7. Nuxt.js 的Google Analytics 模塊

將你的Google Analytics 帳戶與Nuxt 項目集成。

地址:github.com/nuxt-commun…

 

作者:NetFly 
鏈接:https://juejin.im/post/5c25f6aee51d4570c053de1f 
來源:掘金
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。

 

 

熱門文章 :
JQuery應用 : HTML5應用 : CCS3應用 :
  • 使用jQuery & CSS3 製作美麗的照片畫廊(96)


  • 5種風格的jQuery 分頁效果(90)


  • Notyf – 響應式的JavaScript 通知插件!(82)


  • 基於jQuery 實現的精緻作品集圖片導航效果(63)


  • jQuery移動端雙擊圖片放大特效(57)


  • 基於jQuery 實現動畫內容菜單(56)


  • jQuery留言評論發布代碼(53)


  • 帶分類和縮略圖顯示的jquery相冊特效(46)


  • 使用jQuery UI 創建簡單的電影搜索應用界面(45)


  • 20款移動開發中很有用的jQuery插件(43)


  • HTML5 SVG卡通水母動畫特效(178)


  • HTML5鼠標跟隨立方體碎片特效(152)


  • HTML5 Canvas大波浪動畫特效(139)


  • HTML5 SVG情人節盒子動畫特效(122)


  • HTML5文字跑馬燈動畫特效(98)


  • HTML5 Canvas流動線條動畫特效(74)


  • HTML5線條照射愛心動畫特效(70)


  • 12個很炫的HTML5 和CSS3 應用示例(59)


  • HTML5繪製彩色圓圈動畫特效(54)


  • HTML5線條像素背景動畫特效(48)


  • Creative CSS Loading Animations(267)


  • CSS3圓點冒泡背景動畫特效(263)


  • CSS3轉盤抽獎動畫特效樣式(155)


  • CSS技巧:逐幀動畫抖動解決方案(69)


  • 純CSS實現帶縮略圖的圖片相冊幻燈片效果(68)


  • 純CSS打造的鼠標懸停會顯示邊框和描述的圖片相冊特效(58)


  • 純CSS3聖誕樹雪花飄落動畫特效(56)


  • 經典網頁設計:30個創意的CSS 應用案例(49)


  • 23種漂亮的純CSS導航菜單(47)


  • 45款高質量的免費(X)HTML/CSS模板(46)


  • 素材資源 : 網頁設計 : 創意欣賞 :
  • SVG的形狀懸停效果 (一)(553)


  • SVG的形狀懸停效果 (二)(117)


  • 精品資源:40個實用的PSD 貼紙模板《下篇》(55)


  • SVG的形狀懸停效果 (三) (53)


  • HTML5三維立體泡沫方塊移動特效(50)


  • 創建紋理文本的技巧(50)


  • 支付信息提交組件網頁模板(49)


  • Sliding Header Layout (二)(49)


  • Recreating the “Design Samsung” Grid Loading Effect(40)


  • 3D Shading with Box-Shadows(39)


  • LightGallery.js – 功能齊全的Lightbox 效果(122)


  • 舌尖上的設計!10個美味的餐館和食品網站(78)


  • 令人稱讚的以辦公環境為背景的網站作品(76)


  • 具有Three.js的交互式排斥效果 (二)(75)


  • 具有Three.js的交互式排斥效果 (一)(65)


  • 20款優秀的國外Mobile App 界面設計案例(64)


  • 絲帶(Ribbon)在網頁設計中應用的20佳案例(52)


  • 20個國外優秀的網頁色彩搭配案例(51)


  • 20個以矩形元素為特色的創意網站設計作品(51)


  • 基於jQuery實現聯想大屏焦點圖切換(46)


  • 經典網頁設計:20個值得關注的創意作品集網站示例(120)


  • 50個最優秀的Photoshop 實例教程【文字特效篇】(118)


  • 【特別推薦】12套精緻的網站和移動應用界面設計素材(76)


  • 激發靈感:26個清爽的藍色調網頁設計作品欣賞(70)


  • 【推薦閱讀】簡單之美:30個極簡主義風格的網站作品(54)


  • 經典網頁設計:15個使用網格系統的精美網站作品(49)


  • 【年度盛宴】2019年排名前20位的CSS 網站作品(48)


  • 太有才了!史上最有創意的404頁面設計集錦(44)


  • 經典回顧——2019年度最佳網頁設計作品出爐【下篇】(40)


  • 15款加速Web開發的JavaScript框架(37)


  • 網頁模板 : 手機模板 : 網路科技 :
  • 照片藝術日誌網頁模板(80)


  • 圖片日誌信息網頁模板(69)


  • SNS分享圖標按鈕網頁模板(60)


  • 歡迎使用TEMPLATED提供的免費響應式網站模板(50)


  • Mountain Slider(40)


  • 個人圖片信息介紹網頁模板(39)


  • 藍色精美風格的品牌家居商城網站模板下載(39)


  • 黑色標準風格的引導頁模板下載(36)


  • 紅色圖片列表網頁模板(35)


  • 流行時尚登錄框網頁模板(34)


  • 香脆食品料理響應式網頁模板(70)


  • 圖片相冊展示響應式網頁模板(63)


  • Metro圖片信息展示響應式網頁模板(58)


  • 簡潔產品展示網店響應式網頁模板(56)


  • Fringilla Fermentum Tellus(54)


  • 藝術畫館網頁模板(52)


  • 藝術圖片展示響應式網頁模板(46)


  • 建築設計團隊介紹響應式網頁模板(45)


  • 女包商城展示響應式網頁模板(44)


  • 精品餐廳美食展示響應式網站模板(44)


  • 15款方便團隊溝通的即時聊天工具(181)


  • 50款Android 移動應用程序圖標【下篇】(86)


  • 20款你沒聽說過的小眾Web瀏覽器(78)


  • 傳說這個是35 個最好用Vue 開源庫(74)


  • 30個超棒的SVG動畫展示【上篇】(51)


  • 8款Chrome插件讓你的標籤頁更酷炫(49)


  • 50個最實用的Photoshop 實例教程【照片特效篇】(47)


  • 20個使用手寫字體的作品欣賞(44)


  • OverAPI.com – 史上最全的開發人員在線速查手冊(43)


  • Clipboard.js – 現代方式複製文本到剪貼板(41)


  •     

    服務電話:0982-450920(亞太)、0905-147856(中華)、0970-755956(台哥大) 陳老師