Панель управления

Шаблон панели управления на основе Vue.js 3.0 & Vite.

Задачи

• Vite
• Преобразование зависимостей в версию 3.0
• Базовое использование API
• Проблемы совместимости
• Composition APIs

Возможности

• Улучшение аннотаций типов с помощью JSDoc
• Контроль доступа путём перехвата маршрутов
• Vuex (модули, плагины)
• Сервисы API
• Поддержка i18n
• Настраиваемый темный стиль Element UI
• Travis CI & GitHub Actions
• и т.д.

Предварительный просмотр

Онлайн демонстрация

https://dashboard.zce.me

• имя пользователя: zce
• пароль: wanglei

P.S. Для китайской версии: https://zce.gitee.io/vue-admin

Начало работы

Необходимое оборудование

• Node.js (>= 10.12, 12.10 рекомендован)
• npm (>= 6.x) или yarn (>= 1.20)
• Git (>= 2.20)

Клонирование и установка

# клонировать репозиторий
$ git clone https://github.com/zce/dashboard.git
$ cd dashboard
# установить зависимости
$ npm install # или yarn

Инструменты шаблона

Создайте приложение с помощью zce/caz

# создать vue.js приложения через этот инструмент
$ npx caz vue dashboard
# войти в сгенерированную директорию
$ cd dashboard
```### Доступные скрипты

```shell
# запустить разработку с горячей перезагрузкой по адресу http://localhost:3000
$ npm run dev # или yarn dev

# сборка для продакшена с минификацией
$ npm run build # или yarn build

Виртуальный сервер API

Онлайн сервис от Vercel: https://dashboard-server.now.sh

Исходники: zce/dashboard-server

Использование

# клонировать сервер API
$ git clone https://github.com/zce/dashboard-server.git

$ cd dashboard-server

# установить зависимости
$ npm install # или yarn

# запустить сервер API
$ npm start # или yarn start

# => сервер API запущен по адресу http://localhost:2080

Затем измените VUE_APP_API_BASE в .env.development или .env.production:

- VUE_APP_API_BASE=https://dashboard-server.now.sh
+ VUE_APP_API_BASE=http://localhost:3080

Лицензия

MIT © 汪磊 & WEDN.NET