创建React+umi+dva+antd项目

刺骨的言语ヽ痛彻心扉 2021-09-21 00:40 771阅读 0赞

# 创建React+umi+dva+antd项目 #

本文是基于Windows 10系统环境，进行安装和使用

*  **Windows 10**
 *  **React**

--------------------

## 一、Umi的环境安装 ##

### (1) 命令行终端全局安装umi ###

npm install umi -g

### (2) 新建项目文件夹 ###

mkdir umi_demo

### (3) umi搭建项目 ###

cd umi_demo
    npm create umi

### (4) 选择umi项目创建类型 ###

选择APP  
![在这里插入图片描述][20191217225505953.JPG]

### (5) 选择是否使用TypeScript ###

不选择，输入N  
![在这里插入图片描述][20191217225627437.JPG]

### (6) 选择需要的功能dva+antd ###

按下【空格】键，选中antd  
按下【↓】键  
按下【空格】键，选中dva  
按下【回车】键，确认  
![在这里插入图片描述][20191217225819285.JPG]

### (7) 验证创建成功 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk5NDc5_size_16_color_FFFFFF_t_70]

--------------------

[20191217225505953.JPG]: /images/20210920/328e906899c74761be83734d91f64aab.png
[20191217225627437.JPG]: /images/20210920/b1f5632c638f4e9983b5c271d42400ce.png
[20191217225819285.JPG]: /images/20210920/5f098eaa3e184ceeb243894093b784de.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk5NDc5_size_16_color_FFFFFF_t_70]: /images/20210920/072d3216f37843c9b3000019ae881158.png

发表评论取消回复

表情：

评论列表（有 0 条评论，771人围观）

还没有评论，来说两句吧...

相关阅读

相关 Idea项目--创建web项目

原文网址：[Idea项目--创建web项目\_IT利刃出鞘的博客-CSDN博客][Idea_--_web_IT_-CSDN] 非web项目添加web模块其他网址 >

深藏阁楼爱情的钟/ 2023年02月13日 08:10/ 0 赞/ 14 阅读

相关 Vue 项目（一）：创建项目

1. 全局安装 Vue： npm install -g @vue/cli 2. 创建项目： vue create vue

悠悠/ 2023年02月11日 14:26/ 0 赞/ 203 阅读

相关创建nodejs项目

1. 安装node 2. 打开命令行，下述命令在Win的CMD控制台 3. 创建文件夹`mkdir helloNodejs` 4. 进入文件夹，`npm init` 初

忘是亡心i/ 2022年12月16日 05:56/ 0 赞/ 159 阅读

相关 maven项目创建

刚创建完maven-web项目的时候，项目报红叉 ![70][] 解决办法：右键点击创建好的maven项目选择Java EE Tools 点击 Generate

痛定思痛。/ 2022年05月27日 06:57/ 0 赞/ 211 阅读

相关 SpringBoot——创建项目

用过Spring系列项目的人都知道创建一个Spring项目需要编写各种繁琐的xml文件，SpringBoot的出现让我们可以在一分钟之内就建好一个可运行的web项目，甚至连to

蔚落/ 2022年05月23日 23:44/ 0 赞/ 334 阅读

相关 DJango - 项目创建

项目创建 > 需要选定一个目录作为项目的主目录 > 一个项目中可以拥有多个 apps 命令帮助创建项目方法 django-admin help s

青旅半醒/ 2022年05月04日 00:56/ 0 赞/ 257 阅读

相关 nuxt创建项目

1.使用 npm 安装 npm install -g vue-cli 2.安装nuxt项目 vue init nuxt-community/koa-template 项目名称

╰+哭是因爲堅強的太久メ/ 2021年12月21日 04:19/ 0 赞/ 291 阅读

相关 springboot创建项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3

向右看齐/ 2021年12月14日 14:43/ 0 赞/ 406 阅读

相关创建Android项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

红太狼/ 2021年09月28日 04:32/ 0 赞/ 413 阅读

相关创建 Maven 项目

一、IntelliJ-IDEA创建Maven项目 1、修改maven配置打开IntelliJ IDEA开发工具，菜单栏：“File” —>“Set

曾经终败给现在/ 2021年06月11日 15:12/ 0 赞/ 526 阅读