React 脚手架

这篇文章我们来分析一下如何用react的脚手架创建项目，以及创建项目后里面各种文件的作用。

react脚手架官网地址如下:

入门|创建 React App 中文文档 (bootcss.com)

首先，如果你之前没有用过react的脚手架的话，我们首先得全局安装一下react的脚手架。

npm i create-react-app -g

快速创建项目并启动，例如

npx create-react-app my-app
cd my-app
npm start

相对于Vue创建的项目，我们不一样的几个文件的意思如下

reportWebVitals 分析页面的性能

StrictMode 用来分析页面潜在问题的工具

index.html中的noScript 当页面禁用的js的时候，就会显示这句话！

robots.txt 爬虫协议文件

manifest.json 移动端配置文件

几个注意点如下

1.引入的时候后缀js或者jsx后缀名可以不写

2.css文件是全局的。如果想要模块化，加上.module

3.组件名需要大写

4.尽量使用函数式组件

5.scss引用，直接下载即可！去scss官网。

函数式组件技巧总结：

可以直接在函数的形参上解构赋值。

React插件 rfc快速生成结构。