Vue-admin-template

Это минималистичный шаблон для создания административного интерфейса на Vue. Он включает в себя только необходимые компоненты: Element UI, axios, iconfont и контроль разрешений.

Онлайн-адрес.

Доступ внутри страны.

Текущая версия — v4.0+. Она основана на vue-cli. Если вы хотите использовать старую версию, можно переключиться на тег 3.11.0. Эта версия не зависит от vue-cli.

SPONSORED BY

Если вы хотите создать динамические боковые панели и маршрутизатор на основе ролей пользователей, вы можете использовать ветку permission-control.

Extra

Связанные проекты:

• vue-element-admin;
• electron-vue-admin;
• vue-typescript-admin-template;
• awesome-project.

Серия статей о том, как создать полноценный бэкенд-проект с нуля:

• Руководство по созданию бэкенда на Vue: часть 1 (основы);
• Руководство по созданию бэкенда на Vue: часть 2 (контроль доступа);
• Руководство по созданию бэкенда на Vue: часть 3 (практика);
• VueAdmin: минималистичный бэкенд-шаблон;
• Как упаковать компонент Vue.

Build Setup

# Клонировать проект
git clone https://github.com/PanJiaChen/vue-admin-template.git

# Перейти в каталог проекта
cd vue-admin-template

# Установить зависимости
npm install

# Запустить сервер
npm run dev

Браузер: http://localhost:9528.

Публикация

# Собрать тестовую среду
npm run build:stage

# Собрать рабочую среду
npm run build:prod

Прочее

# Предварительный просмотр рабочей среды
npm run preview

# Предварительный просмотр рабочей среды + статический анализ ресурсов
npm run preview -- --report

# Проверка кода
npm run lint

# Исправление ошибок
npm run lint -- --fix

Дополнительная информация: документация.

Покупка стикеров

Вы также можете поддержать vue-element-admin, купив официальные стикеры. За каждую проданную наклейку мы получаем пожертвование в размере 2 юаней.

Демо

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

Современные браузеры и Internet Explorer 10+.

Лицензия

Лицензия MIT.

Авторские права (c) 2017-present PanJiaChen.