react admin tp

React-Admin-TP 배경 관리 시스템 프로젝트 템플릿

React-Typescript 배경 관리 시스템 프로젝트 템플릿, 내장 된 동적 임베디드 라우팅, 데이터 모의, 테일 윈드크, 야간 모드, 동적 빵 칩, 맞춤형 형식 구성 요소. en

프로젝트 개요

WebPack VITE를 선택할 수있는 도구 구축

스캐 폴딩 템플릿 React-TP-CLI를 사용하는 것이 좋습니다

주요 종속성

• axios
• ahooks
• 테일 윈드 스
• 개미 디자인
• 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, Pretier, Tailwind CSS Intellisnse 플러그인을 설치해야합니다 (벽 균열 권장 설치).
환경 변수 및 포장 구성 동적 로딩 및 설치 프로젝트 의존성 프로젝트를 제출하기 전에 프로젝트를 깔끔하게 유지합니다.
홈페이지 관련 파일 및 건설적인 지침을 삭제할 수 있습니다

설치 의존성

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

// 安装依赖
pnpm i

프로젝트 활성화

 // dev
pnpm start

// pro
pnpm build

질문이 있으시면 Isue☹ Star의 문제 창고 주소를 언급하십시오.