react的第一个页面

1：准备工作，node的安装，没有的可以去官网下载：http://nodejs.cn/download/

2：运行命令：

npx create-react-app lesson21 启动react项目安装 备注 项目名称不能有大写

 

3：了解基本的react组成

       react      基本用法   判断   循环    变量

       react-dom     页面操作

       react-script   针对项目命令管理      npm run start 启动项目       npm run build   打包项目

4：进入lesson21   (cd lesson21)

5：启动项目（npm run start）  在页面上就会里看到地址是localhost:3000

6：了解诶项目的基本组成

     public 中 index.html是项目启动后的唯一单页面

     开发的内容在src目录中   也就是我们经常要写代码的地方，有css文件，js文件（组件）

7：删除掉src中的所有文件，然后重新创建一个index.js的文件   在里面写入代码

8：在index.js中写的代码如下

 

9：写完之后保存，然后运行 npm run start   就可以看到页面效果了

第一个react的例子就完成了