react admin tp

React-Admin-TPバックグラウンド管理システムプロジェクトテンプレート

React-Typescriptのバックグラウンド管理システムプロジェクトテンプレート、組み込みの動的埋め込みルーティング、データモック、TailWindCSS、ナイトモード、ダイナミックパンチップ、カスタム形式コンポーネント。 en

？プロジェクトの概要

Webpack Viteを選択するためのビルドツール

足場テンプレートReact-TP-CLIを使用することをお勧めします

主な依存関係

• axios
• ああ
• Tailwindcss
• アリデザイン
• mobx

梱包/開発に関連しています

• 入り口ファイルの梱包
  • webpack.config.js
  • vite.config.ts
• xxxx.config.jsさまざまな環境パッケージング構成
• Proxy 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インターフェイス関連
• アセットリソースファイル
• コンポーネントパブリックコンポーネント
• パブリックパラメーターを構成します
• レイアウトパブリックレイアウト
• モックシミュレーションデータ
• ページルーティングページ
• ルータールーティングテーブル埋め込みコンポーネント
• 店
• 種類
• utils

Eslint、よりきれいな、Tailwind CSS Intellisnseプラグインをインストールする必要があります（壁亀裂の推奨のインストール）
環境変数とパッケージングの構成ダイナミックロードとインストールプロジェクトの依存関係コードを提出する前に、プロジェクトを整頓してください
ホームページ関連ファイルと建設的な指示を削除できます

インストール依存

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

// 安装依赖
pnpm i

プロジェクトのアクティブ化

 // dev
pnpm start

// pro
pnpm build

ご質問がある場合は、Isue -Star★の倉庫アドレスについて言及してください。