React基础-create-react-app脚手架自带文件详解

public ---- 静态资源文件夹:

• favicon.icon ------ 网站页签图标
  
• index.html -------- 主页面
  
• logo192.png ------- logo图
  
• logo512.png ------- logo图
  
• manifest.json ----- 应用加壳的配置文件
  
• robots.txt -------- 爬虫协议文件
  

create-react-app脚手架文件中index.html头标签中的语句详解：

    <meta charset="utf-8" />
     <!--%PUBLIC_URL%代表public文件夹的路径 -->
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <!--开启理想视口，用于移动端网页的适配  -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 用于配置浏览器页签+地址栏的颜色（仅支持安卓手机浏览器）而且兼容性不太好，开发中很少用  -->
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <!-- 用于指定网页添加到手机主屏幕后的图标（苹果手机 -->
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <!-- 应用加壳时候的配置文件 -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <!-- 引入bulma的CSS模板 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
    <title>React App</title>

src ---- 源码文件夹:

• App.css -------- App组件的样式
  
• App.js --------- App组件
  
• App.test.js ---- 用于给App做测试
  
• index.css ------ 通用样式
  
• index.js ------- 入口文件
  
• logo.svg ------- logo图
  
• reportWebVitals.js --- 页面性能分析文件(需要web-vitals库的支持)
  
• setupTests.js --- 组件单元测试的文件(需要jest-dom库的支持)