18.9K ·GitHub
Что это такое?
vue-admin-better — это открытый шаблон админ-панели на Vue: готовый каркас административной панели с 40+ аккуратно свёрстанными страницами, разграничением прав на основе RBAC и JWT и динамической маршрутизацией, управляемой бэкендом. Шаблон уже используется более чем в 100 000 реальных проектов.
vue-admin-better — это открытый шаблон админ-панели на Vue: готовый каркас административной панели с 40+ аккуратно свёрстанными страницами, разграничением прав на основе RBAC и JWT и динамической маршрутизацией, управляемой бэкендом. Шаблон уже используется более чем в 100 000 реальных проектов.Это готовое приложение или шаблон, на основе которого я буду делать своё?Это стартовый шаблон, а не готовый продукт: вы клонируете репозиторий и строите на его основе свою админ-панель. Он даёт готовую разметку, темы, маршрутизацию с проверкой прав и преднастроенный слой Axios, а бизнес-страницы остаётся писать вам.
Это стартовый шаблон, а не готовый продукт: вы клонируете репозиторий и строите на его основе свою админ-панель. Он даёт готовую разметку, темы, маршрутизацию с проверкой прав и преднастроенный слой Axios, а бизнес-страницы остаётся писать вам.Как его запустить?Склонируйте репозиторий, установите зависимости через npm (скрипты сопровождения в репозитории также используют pnpm; нужна версия Node >= 8.9), затем запустите 'npm run serve:rspack' для сервера разработки или 'npm run build' для сборки в продакшн — сборка, по заявлениям авторов, занимает меньше 5 секунд.
Склонируйте репозиторий, установите зависимости через npm (скрипты сопровождения в репозитории также используют pnpm; нужна версия Node >= 8.9), затем запустите 'npm run serve:rspack' для сервера разработки или 'npm run build' для сборки в продакшн — сборка, по заявлениям авторов, занимает меньше 5 секунд.Мне нужен свой сервер на бэкенде, чтобы этим пользоваться?Чтобы начать — нет: в шаблон уже входит mockjs, который автоматически генерирует мок-данные, поэтому фронтенд работает автономно. Позже можно переключиться на динамические маршруты, управляемые бэкендом, чтобы меню и права доступа приходили с вашего сервера.
Чтобы начать — нет: в шаблон уже входит mockjs, который автоматически генерирует мок-данные, поэтому фронтенд работает автономно. Позже можно переключиться на динамические маршруты, управляемые бэкендом, чтобы меню и права доступа приходили с вашего сервера.Есть ли подводные камни, о которых стоит знать до начала доработки?Да: в проекте используются переводы строк LF, а также включён самый строгий пресет ESLint (plugin:vue/recommended), поэтому в README советуют настроить редактор (рекомендуется VSCode) так, чтобы он автоматически исправлял замечания.
Да: в проекте используются переводы строк LF, а также включён самый строгий пресет ESLint (plugin:vue/recommended), поэтому в README советуют настроить редактор (рекомендуется VSCode) так, чтобы он автоматически исправлял замечания.Это подойдёт новичку в Vue?Предполагается определённый опыт: README адресован разработчикам с опытом во фронтенде от года, которые используют или планируют использовать element-ui/element-plus, а также тем, кто хочет разобраться во внутреннем устройстве, чтобы прокачать свой уровень.
Предполагается определённый опыт: README адресован разработчикам с опытом во фронтенде от года, которые используют или планируют использовать element-ui/element-plus, а также тем, кто хочет разобраться во внутреннем устройстве, чтобы прокачать свой уровень.Какая версия Vue и какая UI-библиотека используются в этом репозитории?Этот репозиторий — версия для Vue 2.x, построенная на Element UI. Отдельные репозитории, ссылки на которые есть в README, содержат сборки для Vue 3 с Element Plus и с Arco Design, а поверх бесплатных версий существуют платные редакции (Admin Pro, Admin Plus, Shop Vite).
Этот репозиторий — версия для Vue 2.x, построенная на Element UI. Отдельные репозитории, ссылки на которые есть в README, содержат сборки для Vue 3 с Element Plus и с Arco Design, а поверх бесплатных версий существуют платные редакции (Admin Pro, Admin Plus, Shop Vite).Что я получу сразу, из коробки?Более 40 готовых страниц, разграничение прав RBAC + JWT с двумя режимами маршрутизации (на фронтенде и на бэкенде), свыше 50 глобальных настроек, переключение тем и макетов, гибкую обёртку над Axios с поддержкой нескольких источников данных, RSA-шифрование при входе, перехват логов ошибок и автоматическое создание 7Z-архива при сборке.
Более 40 готовых страниц, разграничение прав RBAC + JWT с двумя режимами маршрутизации (на фронтенде и на бэкенде), свыше 50 глобальных настроек, переключение тем и макетов, гибкую обёртку над Axios с поддержкой нескольких источников данных, RSA-шифрование при входе, перехват логов ошибок и автоматическое создание 7Z-архива при сборке.Насколько быстро идёт разработка и сборка?После переделки 2026 года на Rspack в README утверждается, что сервер разработки стал быстрее в 10–15 раз, а упаковка — в 20–30 раз, при этом полная сборка занимает меньше 5 секунд.
После переделки 2026 года на Rspack в README утверждается, что сервер разработки стал быстрее в 10–15 раз, а упаковка — в 20–30 раз, при этом полная сборка занимает меньше 5 секунд.Можно ли сначала попробовать, прежде чем использовать?Да — в README есть ссылки на живые демо для каждой редакции, включая превью бесплатных общедоступных версий, развёрнутые на GitHub Pages: и для Vue 2 (Element UI), и для Vue 3 (Element Plus). Все они работают на ПК, планшете и телефоне.
Да — в README есть ссылки на живые демо для каждой редакции, включая превью бесплатных общедоступных версий, развёрнутые на GitHub Pages: и для Vue 2 (Element UI), и для Vue 3 (Element Plus). Все они работают на ПК, планшете и телефоне.What are similar projects?vue-element-admin, vue-manage-system, iview-admin, soybean-admin, vuestic-admin, gin-vue-admin, vue-admin-template, go-admin
vue-element-admin, vue-manage-system, iview-admin, soybean-admin, vuestic-admin, gin-vue-admin, vue-admin-template, go-adminWhich topics is it in?axios, element-plus, vue-cli, vue-admin, ant-design, admin-template, element-ui, scss, admin, vuejs, spring-boot, vue3
axios, element-plus, vue-cli, vue-admin, ant-design, admin-template, element-ui, scss, admin, vuejs, spring-boot, vue3