React学习4-脚手架基本配置文件

React官方脚手架

1. react提供了一个用于创建react项目的脚手架库: create-react-app
2. 项目的整体技术架构为:  react + webpack + es6 + eslint

3. 创建项目并启动

   第一步，全局安装：npm i -g create-react-app

   第二步，切换到想创项目的目录，使用命令：create-react-app hello-react

   第三步，进入项目文件夹：cd hello-react

   第四步，启动项目：npm start

目录分析：

node_modules存放项目用到的依赖

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

favicon.icon ------ 网站页签图标

index.html -------- 主页面

logo192.png ------- logo图

logo512.png ------- logo图

manifest.json ----- 应用加壳的配置文件

robots.txt -------- 爬虫协议文件

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库的支持)

%PUBLIC_URL%代表public文件夹的路径

用于开启理想视口，用于做移动端网页的适配

    <meta name="viewport" content="width=device-width, initial-scale=1" />