React脚手架安装及使用

1、 创建项目并启动

• 首先在cmd中全局安装脚手架通过npm或者yarn：

npm i -g create-react-app

• 切换到想创项目的目录，使用命令：

create-react-app xiangmumingcheng

• 进入项目文件夹

cd xiangmumingcheng

• 启动项目

npm start

2、react脚手架项目结构

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

 其中index.html是react配置好的，内容如下：

2、src ---- 源码文件夹

 import React,{Component} from 'react' 是react有多种暴露的模块，不是解构赋值

3、样式模块化

如果写了多个.css文件里面都有.title的属性，那会造成覆盖，

这个时候可以使用样式模块化：