Порекомендуйте 35 лучших библиотек Vue с открытым исходным кодом!

Будь то новички в разработке или опытные ветераны, мы любим пакеты с открытым исходным кодом. Для разработчиков без этих пакетов с открытым исходным кодом трудно представить, насколько утомительной была бы наша жизнь и сколько кофе стало бы нормой. К счастью, по мере того, как сообщества Vue.js и Nuxt.js продолжают расти, каждый день появляются отличные пакеты.

Далее мы порекомендуем несколько очень полезных пакетов Vue и Nuxt.

Vue.js

Vue.js — очень простая в использовании прогрессивная среда JavaScript для создания пользовательских интерфейсов.

1.Vue Dark Mode

Минималистская система темного дизайна для Vue.js. Он предоставляет основные компоненты для создания темного интерфейса, который понравится страдающим бессонницей.

адрес:GitHub.com/LE переворот A/v UE…

2.Vetur

Инструменты Vue для VS Code. Если вы опытный пользователь Vue.js, обязательно попробуйте!

адрес:github.com/vuejs/vetur

3.Vue VS Code Snippets

Эти фрагменты великолепны, и я использую их с тех пор, как начал изучать Vue.js.

адрес:GitHub.com/SD RAS/v UE-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/native выводит RIP…

7.Vue Content Placeholders

Получая настоящий контент, вы можете использовать эти компонуемые компоненты для рендеринга поддельного прогрессивного контента.

адрес:GitHub.com/Учитель Миши, которого вы видите/…

8.Vue Autosuggest

Отличный компонент автозаполнения Vue.js.

адрес:GitHub.com/edu cents/vu…

9.Vue Clipboard

Простой пакет Vue.js, который позволяет пользователям копировать текст вclipboard.jsбуфер обмена.

адрес:vue-clipboard2.inndy.tw/

10.Vue Clickaway

Повторно используемая команда щелчка, которая обнаруживает и реагирует на щелчки за пределами элемента. Это очень удобно, когда нам нужно закрыть модальное окно или скрыть выпадающий список.

адрес:GitHub.com/простая улыбка…

11.Vue Waypoint

Директива v-waypoint для Vue.js для запуска функции при прокрутке. Это может пригодиться, когда вы хотите запустить анимацию при прокрутке.

адрес:GitHub.com/SC ACC OG по адресу…

12.Vue Virtual Scroller

Быстрая неограниченная прокрутка для приложений Vue.js.

адрес:GitHub.com/AK make yum/v UE-…

13.Vue Slideout

Vue.js реализация Slideout.js.

адрес:GitHub.com/VO UI LL/v UE-…

14.Vue Swing

этоSwingОбертка vue.js для карточного интерфейса (пролистывание влево соответствует «да», пролистывание вправо соответствует «нет»).

адрес:GitHub.com/go condolences/vu…

15.Vue Quill Editor

Редактор Quill для Vue.js с поддержкой SPA и SSR.

адрес:GitHub.com/LadySimulation-Поедание молока…

16.Vue Stripe Checkout

Плагин Vue.js для оформления заказа Stripe.

адрес:GitHub.com/extract EZ вкл выкл/…

17.Vue Cleave Component

Компонент Vue.js для Cleave.js для форматирования ввода по мере его ввода (формат кредитной карты, дата и т. д.).

адрес:GitHub.com/Вход в темную пещеру 91/vu…

18.Vuelidate

Благодаря проверке на основе модели реализовать проверку формы теперь очень просто.

адрес:GitHub.com/Монте рельс/В…

19.Vue.js Datepicker

Простой компонент выбора даты Vue.js.

адрес:Карта GitHub.com/Charlie скомпрометирована…

20.Vue Moment

Хотите использовать Moment.js в своем приложении Vue.js? Тебе нужна эта сумка.

адрес:GitHub.com/Брок Петри…

21.Vue Numeric

Компонент поля ввода Vue.js для отображения отформатированных значений валюты.

адрес:GitHub.com/Кевин о G KO/…

22.Vue Slider Component

Все 10 компонентов слайдера здесь разработаны с помощью Vue.js.

адрес:ночной кот SAMA.GitHub.IO/v UE-slider-…

23.Vue.Draggable

Компонент Vue.js для синхронной сортировки перетаскиванием на основе Sortable.js.

адрес:GitHub.com/sortableJS/…

24.Vue Draggable Resizable

Компоненты Vue.js для изменяемых размеров и перетаскиваемых элементов без внешних зависимостей.

адрес:GitHub.com/mauritimesus/v…

25.Vue Color

Палитра цветов Vue.js из Sketch, Photoshop, Chrome.

адрес:GitHub.com/LittleKeck/V…

26.Emoji Mart Vue

Настраиваемый компонент выбора смайликов в стиле Slack для Vue.js из форка React emoji-mart.

адрес:GitHub.com/Джумей-Дэвид/Дьявол…

27.Vue YouTube Embed

На основе Angular YouTube Embed, который позволяет использовать API iframe YouTube.

адрес:GitHub.com/Jianrun343/V…

28.Vuetable-2

Компонент Datatable для Vue.js.

адрес:www.vuetable.com/

29.Vue Chartist

Адаптивные диаграммы на основе Chartist.js.

адрес:GitHub.com/yo-pad/v-ue-…

30.Vue Trend

Самый элегантный компонент диаграммы тренда.

адрес:GitHub.com/Цин Вэй-ли/…

31.Epic Spinners

20 простых в использовании модификаторов css.

адрес:GitHub.com/Epic max co/О…

32.Vue Notification

Уведомления об успехах, предупреждения и ошибки для использования в приложениях Vue.js. Может быть размещен справа, слева, снизу, сверху или посередине, где вы хотите!

адрес:vue-notification.yev.io/

33.Vue Popper

Всплывающий виджет Vue.js на основе popper.js.

адрес:robinck.github.io/vue-popper/

34.Vue Countup

На основе CountUp.js его можно использовать для создания анимации, отображающей числовые данные.

адрес:GitHub.com/xls DG/v UE — от…

35.Vue No SSR

Используется для обертывания недружественных к SSR компонентов.

адрес:GitHub.com/egoist/vUE-…

Nuxt.js

Nuxt.js — это фреймворк, построенный на Vue.js, который помогает вам легко создавать приложения для рендеринга на стороне сервера.

1.Create Nuxt App

Самый простой способ создавать проекты Nuxt.js за считанные секунды.

адрес:GitHub.com/гнев утихает/создать…

2. Загрузчик ресурсов Nuxt SAAS

Вместо того, чтобы вручную импортировать все стили SASS каждый раз, когда вы создаете новый файл, позвольте загрузке ресурсов SASS позаботиться об этом.

адрес:GitHub.com/Антери ОВИ ЭИ…

3.Vue Dark Mode

Эта библиотека также разработана с помощью Nuxt.js.

адрес:GitHub.com/LE переворот A/v UE…

4. PWA-модуль Nuxt

Самый надежный и стабильный модуль для создания прогрессивных веб-приложений.

адрес:pwa.nuxtjs.org/

5. Модуль дотенв

Загрузите файл .env в контекст приложения Nuxt.js.

адрес:GitHub.com/anger subsides — Сообщество…

6. Senty модуль Nuxt.js

Sentry.io — это средство отслеживания ошибок с открытым исходным кодом для добавления Sentry в приложения Nuxt.js.

адрес:GitHub.com/anger subsides — Сообщество…

7. Модуль Google Analytics для Nuxt.js

Интегрируйте свою учетную запись Google Analytics с проектом Nuxt.

адрес:GitHub.com/anger subsides — Сообщество…

Английский оригинал

medium.com/he и -v ue-breaststroke…