1.脚手架初始化
输入命令 (注意:myreact是项目名,不能有大写!!!)
npx create-react-app myreact`
脚手架初始化成功标志
⭐Happy hacking⭐
2 .启动项目
首先进入项目myreact
cd myreact
npm start
启动成功最终会生成两个网址,通过网址可以访问我们的项目
Local: http://localhost:3000
On Your Network: http://192.168.9.241:3000
3.脚手架中使用React
3.1导入react和react-dom两个包
import React from 'react'
import ReactDOM from 'react-dom'
3.2调用React.createElement()方法创建react元素
var title = React.createElement('h1', null, 'hello react!!!xxx2')
3.3调用ReactDOM.render()方法渲染react元素到页面中
ReactDOM.render(title, document.getElementById('root'));
4.下面是实际操作,分别是在index.js和index.html两个文件中书写
⭐./myreact/src/index.js中去书写一下试试⭐
⭐./myreact/src/public/index.html中去书写一下试试⭐
5⭐问题解决⭐
1.解决页面不能及时刷新的问题(脚手架可以帮助你自动刷新页面)
在package.json同级目录下新建一个文件名为.env,并添加下面的内容
FAST_REFRESH=false