大家好，这里是X，托更了好几天啊，最近在弄项目，所以一直在拖更这里非常抱歉，今天开始自学React，毕竟是项目需要，所以现在就来学习啦，刚刚才接触React的朋友们也可以一起来学习噢🧚♀️🧚♀️🧚♀️
1、安装Node在这里我就不说了吧，这个太简单啦，以及node_global和node_cache文件的添加在这里不说啦，后续如果X有时间的话我就出一篇这样的博客
2、查看自己的node.js版本：
3、安装脚手架👨🌾
用管理员身份打开cmd，然后输入：npm install -g create-react-app
4、为你想要创建的React项目创一个文件夹，假设我现在在D盘创了一个名叫React的文件夹👸，然后进入该文件夹(还是用管理员身份)，输入：
create-react-app demo01 //demo01是你的项目名称
最后你就会看到：
5、打开项目看看内容：
6、打开文件README.md,记得要安装Typora噢👼里面就有很多如何开始的方法
7、然后进入你的项目demo-01,输入yarn start(前提是你安装了yarn，如果没有安装的话，就输入npm start,但是我建议大家去下载yarn，因为用处很大的🧚♂️)
8、然后就可以看到：点击Learn React可以进入React的官网🤶
9、打开项目的src项目
（那个index.html是我刚刚创建的，不是本来就有的，大家看时间也可以看得出来👶👶👶）
解释一下上面的这几个文件中的一些重点要用的文件：
index.js : 这个就是项目的入口文件，视频中我们会简单的看一下这个文件。
index.css ：这个是index.js里的CSS文件。
app.js : 这个文件相当于一个方法模块，也是一个简单的模块化编程。
serviceWorker.js: 这个是用于写移动端开发的，PWA必须用到这个文件，有了这个文件，就相当于有了离线浏览的功能。
10、打开Index.js文件，这里我用Nodepad++打开
打开之后看到只有几十行代码，简单分析一下：
上面代码引入了React两个必要的文件，而且引入了一个APP组件，然后用React的语法把APP模块渲染到了root ID上面.这个rootID是在public\index.html文件中的。
这样入口文件就写好了，这时候我们就需要写APP组件了。
11、打开app.js文件,删掉里面的文件，换上：
import React, {Component} from 'react'
class App extends Component{
render(){
return (
<div>
Hello XMONSTER
</div>
)
}
}
export default App;
第一行的代码可能有点难理解，它其实等价于：
import React from 'react'
const Component = React.Component
这些其实都与JSX有关啦，后续X会出相关教程的，这篇博客只是先带大家感受一下React👰👰👰
12、然后再去看http://localhost:3000/就可以看到啦
