vue-admin-template

Это минималистичный vue-административный интерфейс управления. В него включены Element UI & axios & iconfont & контроль прав доступа & lint, все необходимые для создания административного интерфейса элементы.

онлайн адрес

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

Текущая версия — 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-admin с нуля (базовый уровень)

• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• руководство по созданию vue-admin с нуля (уровень实战)
• руководство по созданию vue-admin с нуля (уровень vueAdmin)
• руководство по созданию vue-admin с нуля (уровень компонента)

Уровни:

• руководство по созданию vue-admin с нуля (базовый уровень)
• руководство по созданию vue-admin с нуля (уровень с контролем доступа)
• [руководство## Настройка сборки

# клонировать проект
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

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

Пример

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

Современные браузеры и Internet Explorer 10+.| IE / Edge | Firefox | Chrome | Safari | | --------- | --------- | --------- | --------- | | IE10, IE11, Edge | последние 2 версии | последние 2 версии | последние 2 версии |## Лицензия

MIT лицензия.

Авторское право (c) 2017-настоящее время PanJiaChen