react16:用于构建用户界面的javascript库。
Facebook推出的开源框架,函数式编程风格。
一、安装Node.js
Node中文网址:/
Node.js
安装好以后,如果是Windows系统,使用Win+R
打开运行,然后输入cmd
,打开终端(也叫命令行工具)。
输入代码:
node -v
如果正确出现版本号,说明Node安装成功了。
然后再输入代码:
npm -v
如果正确出现版本号,说明npm也是没问题的,这时候我们的Node.js
安装就算完成了。
二、脚手架的安装
npm install -g create-react-app
create-react-app
是React官方出的脚手架工具,其实有很多第三方的脚手架工具,也有很多优秀的。但是作为初学者为了减少踩坑,所以我们使用官方的脚手架。
三、创建第一个React项目
脚手架安装好以后,就可以创建项目了,我们在D盘
创建一个ReactDemo
文件夹,然后进入这个文件夹,创建新的React项目。
D: //进入D盘
mkdir ReactDemo //创建ReactDemo文件夹
create-react-app demo01 //用脚手架创建React项目
dir //查看文件信息
cd demo01 //等创建完成后,进入项目目录
dir
npm start //预览项目,如果能正常打开,说明项目创建成功
其实这些操作只需要再终端中输入就可以了。等到浏览器可以打开React网页,标后,说明我们的环境并正常显示图已经全部搭建完成了。