react admin tp

React-ADMIN-TP-фоновая система управления системой проекта

Шаблоны проекта управления фона реагируют шаблоны проекта, встроенная динамическая встроенная маршрутизация, макет данных, Tailwindcss, ночной режим, динамические чипы хлеба, компоненты пользовательского формата. Поступка

Обзор проекта

Построение инструментов для выбора Webpack Vite

Рекомендуется использовать шаблон лесов React-TP-CLI

Основные зависимости

• Аксиос
• Чикс
• Tailwindcss
• муравей
• Mobx

Упаковка/разработка связана

• Упаковка входного файла
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js различная среда конфигурация упаковки
• Запросить прокси DevServer.proxy
• Src api request.ts может добавить, что логика обработки, связанная с перехватом запроса

Переменная среды

• .ENV Глобальная переменная среды
• .env.xxxx переменные динамической среды

新增环境需要在 scripts 里配置相应指令 cross-env NODE_ENV=(你的环境名)
环境变量文件 你的环境名.config.js .env.你的环境名 即可自动加载

Динамическая конфигурация маршрутизации

 // 动态路由配置参考
GLOBAL_ROUTERS . APP_PAGE ;

// 调用这方法设置你的动态路由配置
store . setDynamicRoutes ( routerConfig ) ;

---

Структура проекта

• API интерфейс связан
• Файл ресурсов активов
• компоненты публичный компонент
• Конфиденциальная параметр
• макет общедоступный макет
• Макетный моделирование данных
• Страницы страницы маршрутизации
• Таблица маршрутизации маршрутизации встроенный компонент
• магазин
• типы
• утилит

Вам необходимо установить Eslint, более красивой, Tailld CSS Intellisnse Plug -In (Установка рекомендации на стену)
Переменные среды и конфигурация упаковки Динамическая загрузка и установка зависимость проекта перед отправкой кода для поддержания аккуратного проекта
Файлы, связанные с домашними страницами, и конструктивные инструкции могут быть удалены

Зависимость установки

 // 没有pnpm的话先安装pnpm
npm i pnpm -g

// 安装依赖
pnpm i

Активация проекта

 // dev
pnpm start

// pro
pnpm build

Если у вас есть какие -либо вопросы, пожалуйста, упомяните проблему склада склада Isue☹ Star ★