一、使用脚手架搭建项目框架

　1、首先使用脚手架搭建React项目(React+TypeScript+Umi.js)

　在控制台输入命令：yarn create @umijs/umi-app

　2、引入Antd组件

　在控制台输入命令：yarn add antd

　3、安装依赖

　在控制台输入命令：yarn

　4、启动项目

　yarn start

二、项目目录与配置文件介绍

　1、项目目录结构截图：

　2、主要核心代码目录：/page

　3、umi配置文件：.umirc.ts　　（官方文档：https://umijs.org/zh-CN/config）

　4、包依赖配置文件：package.json　　

　5、typeScript配置文件：tsconfig.json　　（官方文档：https://www.tslang.cn/docs/handbook/tsconfig-json.html）

　6、项目访问地址：http://loaclhost:8000　　或者　　http://192.168.32.163:8000

三、运行截图

　1、项目运行截图

　

四、工具版本

　1、Visual Studio Code：1.67.2　　- 开发工具

　2、node：16.14.0

　3、npm：8.3.1

　4、react：17.0.0

　5、react-dom：17.0.0

　6、typeScript：4.1.2

　7、umi.js：3.5.24

　8、antd：4.20.7

搜索

复制

最新文章

  1. [CentOs7]搭建ftp服务器(2)——添加用户
  2. Kettle6.0安装及问题总结-白痴教程
  3. Jquery相册插件（开源下载）
  4. C#winform如何最小化主窗口
  5. iOS动画中的枚举UIViewAnimationOptions
  6. LINQ to XML 实战
  7. Oracle 课程一之Oracle体系结构
  8. J2SE7规范_2013.2_类型_命名
  9. Java IO (1) - InputStream
  10. 细说 Azure Storage 的冗余策略
  11. Python 操作 GA API 指南
  12. Struts(二十一)：类型转换与复杂属性、集合属性配合使用
  13. ADO.NET学习（一）
  14. LeetCode题解 | 215. 数组中的第K个最大元素
  15. /dev被异常删除的问题
  16. IndexedDB API
  17. 20172328《程序设计与数据结构》实验三 敏捷开发与XP实践报告
  18. mui页面传值
  19. MongoDB 查询$关键字 $in $or $all
  20. html页面标题增加图标方法

热门文章

  1. ONNXRuntime学习笔记(四)
  2. 虚拟机（Vmvare）与配置，得到一台学习机
  3. 出现bash: ifconfig:command not found的解决办法,即安装ifconfig命令（亲测有效）
  4. OSError: no library called "cairo-2" was found
  5. 594. Longest Harmonious Subsequence - LeetCode
  6. 详解TCP三次握手（建立TCP连接过程）
  7. debconf-utils-交互式安装时预配置
  8. Win10 LTSC 2021 安装及相关bug解决
  9. SpringBoot的浅浅配置和小整合
  10. BUUCTF-BJDCTF2020]just_a_rar