react admin tp

React-Admin-TP-Projekt-Projektvorlage für Hintergrundverwaltungssysteme

Projekt-Projektvorlagen des React-Typs-Typs, ein integriertes dynamisches eingebettetes Routing, Datenspott, Rückenwindcss, Nachtmodus, dynamische Brotchips, benutzerdefinierte Formatkomponenten. En

? Projektübersicht

Erstellen von Tools zur Auswahl von Webpack Vite

Es wird empfohlen, Gerüstvorlage React-TP-CLI zu verwenden

Hauptabhängigkeiten

• Axios
• Ahooks
• Rückenwindcss
• Ameisenneigung
• Mobx

Verpackung/Entwicklung verwandt

• Packeingangsdatei
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js verschiedene Umgebungsverpackungskonfigurationen
• Anfrage Proxy DevServer.proxy
• Src api request.ts kann die beantragte interception verwandte Verarbeitungslogik hinzufügen

Umgebungsvariable

• .Env Globale Umgebungsvariable
• .Env.xxxx dynamische Umgebungsvariablen

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

Dynamische Routing -Konfiguration

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

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

---

Projektstruktur

• API -Schnittstelle verwandt
• Assets Resource Datei
• Komponenten öffentliche Komponente
• Konfiguration der öffentlichen Parameter
• Layout öffentliches Layout
• Mocksimulationsdaten
• Seiten Routing -Seite
• Router -Routing -Tabelle eingebettete Komponente
• speichern
• Typen
• Utils

Sie müssen Eslint, hübscher, Rückenwind CSS Intellisnse Plug -In (Wandrissempfehlung Installation) installieren.
Umgebungsvariablen und Verpackungskonfiguration Dynamische Lade- und Installationsprojektabhängigkeit vor dem Sendencode, um das Projekt aufzuräumen
Homepage -verwandte Dateien und konstruktive Anweisungen können gelöscht werden

Installationsabhängigkeit

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

// 安装依赖
pnpm i

Projektaktivierung

 // dev
pnpm start

// pro
pnpm build

Wenn Sie Fragen haben, erwähnen Sie bitte die Problemlageradresse von isue☹ star ★