react.js从入门到精通（一）——我的第一个react实例demo

web端三大框架react、vue和angular，本篇教程介绍react的从入门到精通。

一、环境搭建

1、npm搭建项目

如果您之前未曾使用过 create-react-app，请先通过如下命令全局安装（假定您本机已经安装了 Node.js）：

npm install -g create-react-app

然后，通过如下命令构建一个新的项目my-app：

npx create-react-app my-app

通过cd my-app命令进入项目文件夹，执行npm run start命令启动程序，成功运行，则实验环境准备完毕。

最终目录结构

├─ node_modules
├─ public
├─ src
├─ .gitignore
├─ package.json
├─ README.md
└─ yarn.lock

打开浏览器，输入http://localhost:3000可以看到系统默认生成的页面了。(看到如下页面标识安装成功)