Repolode
Предложить
soybeanjs

soybeanjs/soybean-admin

Шаблон админ-панели на Vue 3, Vite, TypeScript и Naive UI с темами, i18n, файловой маршрутизацией и встроенным CLI для внутренних приложений.

Открыть на GitHubСайт
Звёзды
15,148
Форки
2,521
Открытые issues
7
Последний коммит
вчера

Что это?

SoybeanAdmin — шаблон админ-панели на Vue 3, Vite, TypeScript, Pinia, Naive UI и UnoCSS. В нём есть готовая компоновка со страницами ошибок 403, 404 и 500, компоненты для настройки вкладок и темы, а также адаптивные стили для мобильных устройств. Благодаря этому команда может сразу приступить к созданию интерфейсов для управления, не собирая базовую функциональность самостоятельно.

Проект организован как pnpm-монорепозиторий и включает автоматическую файловую маршрутизацию: инструмент Elegant Router генерирует импорты маршрутов, декларации и типы. Маршрутизация поддерживает статические frontend-маршруты и динамические маршруты с backend, а интернационализация встроена в проект. За качество кода отвечают ESLint, oxlint, oxfmt и Git hooks; в комплект также входит CLI для создания коммитов, удаления файлов и выпуска релизов.

Шаблон распространяется по лицензии MIT. В README указано, что версия 2.3 — последняя поддерживаемая крупная версия ветки 2.x, а новые разработки переходят на находящуюся в разработке версию 3.0.

Ключевые возможности

  • 01Основан на Vue 3, Vite, TypeScript, Pinia и UnoCSS.
  • 02Автоматическая файловая маршрутизация с генерацией типов маршрутов.
  • 03Статические маршруты и динамические маршруты с разрешениями, получаемыми от backend.
  • 04Встроенная интернационализация, настройка темы и несколько шаблонов страниц.
  • 05CLI для conventional commits и выпуска релизов.
  • 06Адаптивная компоновка для мобильных браузеров.

Сценарии использования

  • Создание внутренней админ-панели или back-office приложения на Vue 3.
  • Изучение современного стека Vue с маршрутизацией, управлением состоянием и темами в одном проекте.
  • Создание системы управления, которой нужны статические маршруты или разрешения, получаемые от backend.

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

  1. 1

    Клонируйте репозиторий проекта

    git clone https://github.com/soybeanjs/soybean-admin.git
  2. 2

    Установите зависимости с помощью pnpm (не используйте npm или yarn)

    pnpm i
  3. 3

    Запустите сервер разработки

    pnpm dev

Что важно знать

  • Требуются Node.js версии 20.19.0 или выше и pnpm версии 10.5.0 или выше; установка с помощью npm и yarn не поддерживается.
  • Версия 2.3 — последний мажорный релиз ветки 2.x, для которого будет обеспечиваться поддержка. Новые функции планируется добавить в переписанную версию 3.0, которая всё ещё находится в разработке.

Темы

#admin-template#vue3#vite#typescript#naive-ui#pinia#unocss#dashboard#admin#elegant

Частые вопросы

Что такое soybean-admin?
Шаблон админ-панели на Vue 3, Vite, TypeScript и Naive UI с темами, i18n, файловой маршрутизацией и встроенным CLI для внутренних приложений. SoybeanAdmin — шаблон админ-панели на Vue 3, Vite, TypeScript, Pinia, Naive UI и UnoCSS. В нём есть готовая компоновка со страницами ошибок 403, 404 и 500, компоненты для настройки вкладок и темы, а также адаптивные стили для мобильных устройств. Благодаря этому команда может сразу приступить к созданию интерфейсов для управления, не собирая базовую функциональность самостоятельно.
soybean-admin можно использовать бесплатно? Какая у него лицензия?
soybean-admin распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
soybean-admin всё ещё поддерживается?
Активно поддерживается. Последний коммит в soybean-admin — 21 окт. 2026 г..
Для чего можно использовать soybean-admin?
Создание внутренней админ-панели или back-office приложения на Vue 3. Изучение современного стека Vue с маршрутизацией, управлением состоянием и темами в одном проекте. Создание системы управления, которой нужны статические маршруты или разрешения, получаемые от backend.
Как установить soybean-admin?
Клонируйте репозиторий проекта: git clone https://github.com/soybeanjs/soybean-admin.git Установите зависимости с помощью pnpm (не используйте npm или yarn): pnpm i Запустите сервер разработки: pnpm dev
Где скачать soybean-admin?
Исходный код и инструкции по установке — на GitHub: https://github.com/soybeanjs/soybean-admin

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты