🎉🎉🎉 Полный проект на основе vue3+vite+ts

Vue.js

Vue Vben Aadmin 2.0

вводить

vue-vben-admin-2.0Это совершенно новая система с открытым исходным кодом, основанная наant-design-vue2.x,typescript4,vue3,viteРеализована система управления фоном в стиле vue3.

проект на основеant-design-vue,typescript,vue3.0,vite,tailwindcss,tsxРеализована система управления фоном в стиле vue3,

адрес гитхаба

vue-vben-admin2.0 - mainфилиал

vue-vben-admin-тонкий Lite - mainфилиал

адрес предварительного просмотра

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

2.0 Облегченная онлайн-версия

Документация

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

предварительно установлен

Требования к окружающей среде

  • Node.js: - версия желательно выше12.0.0
  • yarn > npm > cnpm: - Инструмент управления пакетами.

Фреймворк пользовательского интерфейса

значок

  • Ant Design Vue Icon Component- Импорт необходимых значков по мере необходимости.
  • Iconify- Используйте значки из любого набора значковIcônes
  • PurgeIcons- Иконки использовались только в пакетах.

плагин

Рекомендуемая среда разработки

  • Git: - Инструмент управления версиями
  • Visual Studio Code- (VSCode): последняя версия

Установить

//  使git对文件名大小写敏感
git config core.ignorecase false

// 拉取项目代码

git clone https://github.com/anncwb/vue-vben-admin.git vue-vben-admin-2.0

cd vue-vben-admin-2.0

// 如果使用别的包管理工具，可以自行安装
// 如果未安装yarn，请运行：npm install -g yarn
yarn install

использовать

среда разработки

yarn serve

Бэйл


yarn build # 打包

yarn build:no-cache # 打包，执行之前会先删除缓存

yarn report # 生成构建包表表预览

формат

yarn lint:stylelint # 样式格式化

yarn lint:prettier # js/ts代码格式化

разное

yarn reinstall # 删除依赖重新装，兼容window

yarn preview # 本地进行打包预览

yarn log # 生成CHANGELOG

yarn clean:cache # 删除缓存

yarn clean:lib # 删除node_modules，兼容window系统

Спецификация коммита Git

  • Ссылаться наvueСпецификация (Angular)

    • featДобавить новые функции
    • fixИсправить проблемы/ошибки
    • styleСвязанный стиль кода, не влияющий на текущий результат
    • perfОптимизация/улучшение производительности
    • refactorрефакторинг
    • revertОтменить изменения
    • testсвязанные с тестом
    • docsДокументация/Примечания
    • choreОбновления зависимостей/модификации конфигурации скаффолдинга и т. д.
    • workflowУлучшения рабочего процесса
    • ciНепрерывная интеграция
    • typesИзменения в файле определения типа
    • wipВ развитие

вклад кода

  1. Код форка!
  2. Создайте свою ветку:git checkout -b feat/xxxx
  3. Отправьте свои изменения:git commit -am 'feat(function): add xxxxx'
  4. Нажмите свою ветку:git push origin feat/xxxx
  5. Отправитьpull request

функция завершена

  • Строительство проекта (на основе вите)
  • вход и выход
  • Меню (можно искать и перетаскивать и макет меню)
  • Мульти-вкладки/хлебные крошки
  • управление правами на основе ролей
  • Фоновое управление разрешениями
  • Отдельные настройки маршрутизации и меню
  • складная боковая панель
  • перетаскиваемая боковая панель
  • Режим нескольких вкладок/глобальный контроль
  • поиск в меню
  • загрузка страницы
  • компонент полосы прокрутки
  • Расширение всплывающего окна (перетаскиваемое, полноэкранное, с адаптивной высотой)
  • Данные моделирования
  • инкапсуляция крючка
  • компонент формы
  • контекстное меню
  • плагин водяных знаков
  • компонент анимации
  • Плагин QR-кода
  • Плагин интернационализации
  • Компонент сведений
  • Проверить компоненты
  • компонент дерева
  • Компонент предварительного просмотра изображения
  • компонент формы
  • Библиотека диаграмм
  • цифровая анимация
  • Анимация ожидания загрузки первого экрана
  • Извлечь файлы конфигурации производственной среды
  • Импорт и экспорт данных
  • глобальная обработка ошибок
  • Упаковка Gzip
  • Оптимизация производительности системы
  • компонент форматированного текста

Особенности в разработке

  • загрузить компонент
  • Конфигурация темы
  • темная тема

Дополнительные компоненты/функции/предложения/ошибки/добро пожаловать, чтобы отправить запрос или проблему

Категории