vue-admin-template

Это минималистичный Vue админ-интерфейс управления. В него включены Element UI & Axios & IconFont & контроль прав доступа & проверка синтаксиса.

онлайн адрес

для доступа из Китая

Текущая версия — v4.0+, основанная на Vue CLI. Если вы хотите использовать старую версию, переключитесь на ветку tag/3.11.0, которая не зависит от Vue CLI.

СПОНСОРЫ

Дополнительно

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

Относительные проекты

• vue-element-admin

• electron-vue-admin

• vue-typescript-admin-template

• awesome-project

Написана серия учебных материалов, как создать полный административный проект с нуля:- руководство по использованию Vue для создания административного интерфейса управления часть 1 (основной уровень)

• руководство по использованию Vue для создания административного интерфейса управления часть 2 (уровень входа и уровня доступа)
• руководство по использованию Vue для создания административного интерфейса управления часть 3 (практикующий уровень)
• руководство по использованию Vue для создания административного интерфейса управления часть 4 (VueAdmin — это минимальный базовый шаблон для административного интерфейса управления, специальная статья для этого проекта)
• руководство по использованию Vue для создания компонента Vue## Настройка сборки

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

# Войти в директорию проекта
cd vue-admin-template

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

# Рекомендовано не использовать прямое использование cnpm для установки зависимостей, так как могут возникнуть различные странные ошибки. Вы можете решить проблему медленной загрузки npm через следующие действия
npm install --registry=https://registry.npm.taobao.org

Запуск сервиса

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, приобретая официальные наклейки — каждая проданная наклейка принесёт нам пожертвование в размере cq 2 юаней.

Пример

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

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	последние 2 версии	последние 2 версии	последние 2 версии

Лицензия

Лицензия MIT.

Авторское право © 2017–настоящее время PanJiaChen