React的基本使用

React脚手架意义

1.脚手架是开发 现代Web应用的必备

2.充分利用Webpack Babel ESLint 等工具辅助项目开发 

3.零配置，无需手动配置繁琐的工具也可以使用

在脚手架中使用React

1.导入react和react-dom两个包

import React from 'react';
import ReactDOM from 'react-dom';

 2.调用React.createElement()方法创建react元素

3.调用ReactDOM.render（）方法渲染react元素到页面中

React的安装

安装命令：

npm install -g create-react-app

创建项目名称 

create-react-app my-app

回到项目根目录 

cd my-app/

最后启动项目

npm start

然后打开 src/App.js 编辑页面内容即可, 页面服务在 http://localhost:3000/http://localhost:3000/ 如果显示以下代码，那么你的项目就创建完成了！