react工程的搭建

 

 

 

 

一.本次react工程的搭建采用umi+dva进行基础工程的搭建，编辑器采用vs code

  官方文档：https://umijs.org/zh/guide/create-umi-app.html#%E5%88%9B%E5%BB%BA-umi-%E9%A1%B9%E7%9B%AE

1.采用yarn替代npm 来进行包的依赖

  （1）全局安装yarn  

npm i yarn -g

2.新建一个文件夹为工程目录，进入该目录下使用umi的脚手架

yarn create umi

3.选择app工程，点击回车

4.是否启用typescript自己选择，如果启用则输入y,否则输入n，本工程选择n

5.选择ant界面库和dva，选择按空格键

6.工程创建成功

7.启动工程

（1）启动前首先进行必要报的安装，执行

$ yarn 

（2）依赖报安装完成后进行工程的启动

$ yarn start

(3) 访问下面的地址，进行页面的访问

 

（4） 出现下面的页面表示项目成功