Vant

Лёгкая, настраиваемая библиотека Vue UI для мобильных веб-приложений.

Документация   ·   Запасная документация   ·   Китайская версия

Возможности

• 🚀 Средний размер компонента составляет 1 КБ (min+gzip)
• 🚀 Более 80 высококачественных компонентов
• 🚀 Нулевые зависимости от сторонних библиотек
• 💪 Покрытие юнит-тестами более 90%
• 💪 Написано на TypeScript
• 📖 Обширная документация и демонстрационные примеры
• 📖 Предоставление ресурсов дизайна для Sketch и Axure
• 🍭 Поддержка Vue 2 & Vue 3
• 🍭 Поддержка Nuxt 2 & Nuxt 3, предоставляется модуль Vant Module для Nuxt
• 🍭 Поддержка дерева шейкера
• 🍭 Поддержка пользовательской темы
• 🍭 Поддержка доступности (в процессе улучшения)
• 🍭 Поддержка темной темы
• 🍭 Поддержка серверного рендера (SSR)
• 🌍 Поддержка локализации (i18n), встроено более 30 языков

УстановкаИспользуйте npm для установки:

# Установите последнюю версию Vant для проекта Vue 3
npm i vant

# Установите Vant 2 для проекта Vue 2
npm i vant@latest-v2

Используйте yarn, pnpm или bun:

# С помощью yarn
yarn add vant

# С помощью pnpm
pnpm add vant

# С помощью Bun
bun add vant

Шаблон проекта

Рекомендуется использовать Rsbuild для создания шаблона проекта.

Rsbuild — это инструмент сборки, основанный на Rspack, разработанный автором Vant, с первоклассной скоростью сборки и опытом разработки, обеспечивающим первую поддержку Vant.

Вы можете создать проект Rsbuild следующей командой:

npm create rsbuild@latest

Пожалуйста, посетите репозиторий Rsbuild для получения дополнительной информации.

Быстрый старт

import { createApp } from 'vue';
// 1. Импортируйте нужные компоненты
import { Button } from 'vant';
// 2. Импортируйте стили компонентов
import 'vant/lib/index.css';

const app = createApp();

// 3. Зарегистрируйте нужные компоненты
app.use(Button);

Подробнее в Быстром старте.

Поддержка браузеров

Vant 2 поддерживает современные браузеры и Android >= 4.0, iOS >= 8.0.

Vant 3/4 поддерживает современные браузеры и Chrome >= 51, iOS >= 10.0 (также как Vue 3).| Проект | Описание | | --- | --- | | vant-weapp | UI для WeChat MiniProgram | | vant-demo | Коллекция демонстрационных примеров Vant | | vant-cli | Шаблон для создания библиотеки UI | | vant-icons | Иконки Vant | | vant-touch-emulator | Использование Vant в десктопных браузерах | | vant-nuxt | Модуль Vant для Nuxt |## Экосистема сообщества

Ссылки

• Документация
• Документация (резервная версия)
• История изменений
• Обсуждения

Предварительный просмотр

Вы можете считать следующий QR-код для доступа к демонстрационному приложению:

## Основная команда

Основные вкладчики проекта Vant и Vant Weapp:

chenjiahan	cookfront	wangnaiyi	pangxie	rex-zsd	nemo-shen

Lindysen	JakeLaoyu	landluck	wjw-gavin	inottn	zhousg

Все вкладчики

Спасибо следующим друзьям за их вклад в Vant:

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

Начальная работа в веб-IDE

https://github.dev/youzan/vant

ЛИЦЕНЗИЯ

Vant имеет лицензию MIT.