fdp-cli

一款基于nodeJS快速创建react+typesrcript的构建wepapp项目的手脚架

内置三套模版库

一.react-jsx-standard-template模版（推荐）

1.面向antd V5 和 react v18。
2.react-redux 和 @reduxjs/toolkit。
3.搭载redux,@reduxjs/toolkit,react-router v6,react-redux,redux-saga。
4.支持多语言i18next 语言包动态加载。
5.支持多环境打包。

二.react-ts-template模版（不推荐）

1.内置兼容IE8+浏览器。
2.支持多语言i18next。
3.支持多环境打包。
4.搭载redux,react-router,react-redux,redux-saga。
5.集成了antd UI 3.X版本组件库,less定制主题,按需加载。
6.集成了typerscript 类型语法。
7.内置mock数据功能和proxy代理功能。

三.react-antdpro-ts-template模版（不推荐）

1.面向antd pro V5。
2.umi3.x,pro-components页面级组件,antd4.x。
3.支持多环境打包。
4.集成了Typerscript 类型语法。
5.解决ant design ProV5 退出登录执行多次的BUG 
问题描述：https://github.com/ant-design/ant-design-pro/issues/7696
问题描述：https://github.com/ant-design/ant-design-pro/issues/7721

使用

快速创建语法

查看npm 版本

npm --version

npm>=5.2创建命令

npx @frid/fdp-cli init projectName

npm<5.2创建命令

1 第一步全局安装

npm install -g @frid/fdp-cli

2 第二步运行初始化项目命令

fdp-cli init projectName

react-ts-template模版 使用注意⚠️

代理模式和mock数据模式

1.在development环境下Proxy会生效，production环境会根据.env文件下的环境变量替换请求axios的BASEURL。
2.mockJS 的开关在package.json的script命令中开启。"node run mock &&...",关闭mockjs只需要去掉mock即可（node run &&...）。因为在run.js中会匹配mock参数。
3.proxy模式 和 MockJS模式 在development环境中优先进入mockJS中拦截匹配，匹配不到url会进入proxy中服务的代理，当然一旦在mockjs中匹配到url则不会进入proxy了。
4.在MockJS中匹配不到当前请求的url地址则会进入proxy模式，代理的服务为当前.env文件中的script命令中REACT_APP_ENV参数的服务。
5.局域网联调，需要后端服务器关闭防火墙，前端在.env文件中配置对应的PC的IP地址，同时在package.json中script加上start命令参数为REACT_APP_ENV=（.env配置的参数key的值【REACT_APP_WEBSITE_"[value]"】）的启动命令。