react-demo-脚手架搭建

一. react项目搭建

技术点： React + antd + typescript

1. 1. 
      
2. 创建项目: ​​yarn create react-app myapp​​
3. 引入antd: ​​yarn add antd​​
4. 引入typescript ​​yarn add typescript @types/node @types/react @types/react-dom @types/jest​​
5. 脚手架目录介绍
6. • • 
       
   • 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库的支持）
       • 
         
     • 
       
   1.