react admin tp

REACT-ADMIN-TP GERENCIAMENTO MODELO DE PROJETO DO SISTEMA DE

Modelos de projeto do sistema de gerenciamento de fundo do tipo React-TypeScript, roteamento dinâmico embutido embutido, simulação de dados, Tailwindcss, modo noturno, lascas de pão dinâmico, componentes de formato personalizado. En

Visão geral do projeto

Ferramentas de criação para escolher o Webpack Vite

Recomenda-se usar o modelo de andaimes react-tp-cli

Principais dependências

• Axios
• AHOOKS
• Tailwindcss
• design de formigas
• Mobx

Embalagem/desenvolvimento relacionado

• Arquivo de entrada de embalagem
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js diferentes ambientes de configuração de embalagem
• Solicite proxy devServer.proxy
• Src api request.ts pode adicionar a lógica de processamento relacionada à interceptação de interceptação

Variável de ambiente

• .ENV Variável de ambiente global
• .env.xxxx Variáveis ​​de ambiente dinâmico

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

Configuração de roteamento dinâmico

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

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

---

Estrutura do projeto

• Interface da API relacionada
• Arquivo de recursos de ativos
• Componentes componentes públicos
• Config parâmetro público
• layout Layout público
• Dados de simulação simulada
• Páginas de roteamento de páginas
• Componente incorporado da tabela de roteador
• loja
• tipos
• UTILS

Você precisa instalar o plug -in de eslint, lindier e cauda do vento Intellisnse (instalação de recomendação de crack de parede)
Variáveis ​​de ambiente e configuração de embalagem Dinâmica de dependência do projeto de carregamento e instalação antes de enviar o código para manter o projeto arrumado
Arquivos relacionados à página inicial e instruções construtivas podem ser excluídas

Dependência da instalação

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

// 安装依赖
pnpm i

Ativação do projeto

 // dev
pnpm start

// pro
pnpm build

Se você tiver alguma dúvida, mencione o problema de armazém de Isue☹ Star ★