一、React本地搭建以及创建第一个程序

搭建本地环境

** 确保你安装了较新版本的 Node.js。

1.创建一个新项目

npx create-react-app my-app(my-app可以换成你个人的项目,这里是做参考)

2.删除掉新项目中的src/文件夹下的所有文件（注意不要删除整个文件夹,删除里面的源文件）

cd my-app
cd src
del *
# 然后返回项目文件夹
cd ..

3.然后在src/文件夹中创建一个名为index.css的文件夹
4.在src/文件夹下创建一个index.js文件夹

准备就绪了，我们可以开始编写代码了,我们可以编写hello world显示到页面上,看一下react是如何编写代码的
我们在index.js里面引入三行代码：

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'

在index.js下在编写

ReactDOM.render (
    <h1>欢迎使用react.js</h1>,
    document.getElementById('root')
)

然后在终端 输入

npm start

就启动了这个程序

补充知识：
ReactDOM.render 是 React 的最基本方法，用于将模板转为 HTML 语言，并插入指定的 DOM 节点。