react-demo-脚手架搭建

一. react项目搭建

技术点： React + antd + typescript

1. 创建项目: yarn create react-app myapp

2. 引入antd: yarn add antd

3. 引入typescript yarn add typescript @types/node @types/react @types/react-dom @types/jest

4. 脚手架目录介绍

   • public — 静态资源文件夹
     • favicon.icon — 网站偏爱图标
     • index.html — 主页面
     • logo192.png — logo图
     • logo512 — logo图
     • manifest.json — 应用加壳的配置文件
     • robots.txt — 爬虫协议文件
   • src — 源码文件夹
     • App.css — App组件的样式
     • App.js — App组件
     • App.test.js — 给App测试
     • index.css — 样式
     • index.js — 入口文件
     • logo.svg — logo图
     • react-app-env.d.ts — 在使用create-react-app xxx --typescript生成一个react typescript项目时，在src目录下会生成一个react-app-env.d.ts类型声明文件
     • reportWebVitals.js — 页面性能分析文件（需要web-vitals库的支持）
     • setupTests.js — 组件单元测试的文件（需要jest-dom库的支持）