react admin tp

Modèle de système de gestion des antécédents React-Admin-TP

Modèles de projet de gestion des antécédents React-TypeScript, Routing intégré intégré intégré dynamique, Data Mock, TailwindCSS, Mode nocturne, Chips de pain dynamique, composants de format personnalisé. En

? Présentation du projet

Construire des outils pour choisir WebPack Vite

Il est recommandé d'utiliser un modèle d'échafaudage React-TP-CLI

Principales dépendances

• axios
• atehs
• tailwindcss
• fourmi conception
• Mobx

Emballage / développement lié

• Fichier d'entrée d'emballage
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js Différents environnements Configuration de l'emballage
• Demander proxy Devserver.proxy
• Src api request.ts peut ajouter la logique de traitement liée à l'interception de demande

Variable d'environnement

• .env Global Environment Variable
• .env.xxxx Variables d'environnement dynamique

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

Configuration de routage dynamique

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

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

---

Structure du projet

• Interface API liée
• Fichier de ressources d'actifs
• Composants Composante publique
• Paramètre public Config
• disposition du public
• Données de simulation simulées
• Page de routage des pages
• Table de routage du routeur Composant embarqué
• magasin
• types
• utils

Vous devez installer Eslint, plus jolie, la bouche CSS Intellisnse plus jolie (Installation de recommandation de crack de mur)
Variables de l'environnement et configuration de la configuration de l'emballage Dynamique Chargement et dépendance du projet Avant de soumettre le code pour garder le projet Tidy
Les fichiers liés à la page d'accueil et les instructions constructives peuvent être supprimées

Dépendance à l'installation

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

// 安装依赖
pnpm i

Activation du projet

 // dev
pnpm start

// pro
pnpm build

Si vous avez des questions, veuillez mentionner l'adresse de l'entrepôt du problème d'Isue☹ Star ★