React-Andt Pro搭建

1.Nodejs安装 nodejs 下载地址： https://nodejs.org/en/download/  

  2.cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org  

  3.项目创建 使用UMI初始化脚手架 yarn create umi app ，app(项目名称)

选择typescript

complete有演示数据和模板，这里选择Simple

最终生成后的项目文件目录，结构说明参考官网：https://pro.ant.design/zh-cn/docs/folder/

 

 

4.下载还原资源包 把package.json中的包下载到本地： （1）cd 进入指定文件夹 创建项目，这里cd app （2）输入tyarn,还原资源 安装等待中....

安装完毕

安装完项目的依赖包之后，会看到多了文件夹node_modules

 

 

5.项目运行 运行，在package.json中找到"start"，即：npm run start

其中，MFSU是分析工具，暂时忽略，访问本地8000端口

用VS Code打开项目，在终端运行npm run start,第二次启动速度会快很多

 

 

输入用户名和密码，登陆首页：

 

 

以上，仅用于学习和总结！