今天的码农女孩学习了关于react全家桶的基础知识

react全家桶
      create-react-app react脚手架
      webpack 用打包工具
      react基础语法
      router 路由
      redux 前端状态机
      axios/fatch 用来执行ajax
      Ant design 前端布局
    node下搭建react项目
       1.安装脚手架
          npm install -g create-react-app
          npm install -g create-react-app --registry=https://registry.npm.taobao.org 国内镜像
       2.创建react项目
           create-react-app 项目名称    
       3.启动项目
          cd 项目文件夹
          npm start 启动项目
    项目文件介绍
       public 静态文件夹，用来放图片，css，媒体文件等
       node_modules node命令和模块
       src 项目文件夹
       .gitignore git的配置项
       README.md 日志文件
       package.json 记录项目中所用模块
       package-lock.json  记录项目中的模块的版本，路径等
    src文件夹
       index.js 程序主入口
       index.css 公共css
       App.js 自定义组件
       App.css app单独css样式
       App.test.js 单元测试文件
       reportWenVitals.js 多线程模块
       setupTests.js 模块测试文件
    react定义图片
       js下定义图片路径不能用相对路径../
        方法1
          import img1 from './img/1.jpg'    
          <img src={img1}>
        方法2
          this.state={url:require("./img/2.jpg").default}