VITE + VUE3 + ANTD + ФОН Управление типа
? Введение
Vue-Clownfish-Admin-это простая структура первого конца управления по новейшим технологиям. Основана на VUE3, реализована основная библиотека интегрированной экосистемы VUE3. Основными техническими стеками являются ES2015+, TypeScript, Vue3, Pinia, Vue-Router, Vite, ANTD, зная, что эти технологии облегчат вам начало этого проекта. Этот проект основан на vite
и использует vue3
в качестве технологии разработки.
? Преимущества
- Почти используйте текущую новейшую разработку технологий (VITE, VUE3, TS, Pinia)
- Размещение компонента макета можно легко переключить и заменить компонент
- Легкий шаблон, низкая стоимость обучения
Основные функции
- Динамически генерировать меню боковой панели (поддержка многослойного гнездования и внешних ссылок)
- Динамически генерировать хлебной мусор
- Страницы вкладок навигации (сортировка перетаскивания, справа -Нажмите меню POP -UP, обновление страницы и т. Д.)
- Меню боковой панели, панировочные крошки и вкладки все поддерживают значок значка (Antd Icon и SVG)
- На основе страницы динамического кэша конфигурации маршрута
- Динамическая страница маршрутизации
- Динамическое меню
- Конфигурация разрешений маршрута
- Автоматическое добавление префикса в код CSS, чтобы стили адаптировались к разным браузерам
- Поддержать использование JSX/TSX для разработки
- Поддержка интерфейса макета моделирования
- Многобортная конфигурация
?
# 克隆项目
git clone https://github.com/1esse/vue-clownfish-admin.git
# 进入目录
cd vue-clownfish-admin
# 下载依赖包
npm install # 使用npm
yarn # 使用yarn
# 启动项目
npm run dev # 使用npm
yarn dev # 使用yarn
Команда сценариев
- Дев: местное развитие
- Стадия: предварительная разработка средств окружающей среды
- Сборка: Код предмета упаковки
- Строитель: стадия: упаковка предварительной код среды
- Предварительный просмотр: предварительный просмотр элементов после упаковки
• Понимание их может быть полезным
- SRC/компоненты, компоненты ANTD, иконки ANTD не должны быть расширены (кроме TSX).
- Vue, Pinia, Vue-Router, SRC/UTILS и функции в рамках SRC/Composable не требуют явного импорта (можно настроить на vite.config.ts).
- Нет необходимости адаптироваться к нескольким браузерам, таким как Flex, Grid и другие стили CSS, и структура была оснащена автоматической адаптацией.
- Большинство сцен рекомендуется использовать REM вместо PX для адаптации более разных экранов разрешения.
? другой
Онлайн предварительный просмотр
Онлайн предварительный просмотр (посещение внутренней сети)
Адрес
Электронная версия
ElementPlus версия
?
MIT Лицензия
Copyright © 2022-Present Zhaojiexin