创建一个react项目的过程

1.新建一个static Web项目
在这里插入图片描述

2.打开terminal窗口,输入指令:tyarn init -y 其作用是对项目进行初始化。

3.再输入指令:tyarn add umi --dev 其作用是添加项目依赖。执行结果后会生成一个package.json文件,其内容如下:
在这里插入图片描述
接下来我们需要在该文件的devDependencies中添加如下:
添加该依赖的作用是为了方便后面调用dva、antd等组件

"devDependencies": {
    "@umijs/preset-react": "^1.8.8", //添加这个作为config.js在引用react组件时的依赖
    "umi": "^3.4.22"
  },

注意:修改了package.json文件后,此时需要重新执行 tyarn add umi --dev 配置的内容才会生效。

3.创建config目录,并创建config.js

export default{
    dva:{}, //开启dva功能
    antd:{} //开启antd功能
}

4.创建src目录,并创建子目录pages、models、layouts

5.开启项目,指令为:umi dev
在这里插入图片描述
任何时候,只要修改了package.json文件,如果里面要求我们yarn install,那么就需要重新执行tyarn add umi --dev

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值