这个教程非常容易学,整个搭建过程大概需要十多分钟就可以完成。
我这里从facebook官方出版的一个创建React的脚手架==>creat-react-app开始。
- 安装nodejs环境,这里下载的nodejs是v12.22.6 版本,内部包含了 npm 6.13.4版本。
- nodejs下载地址https://nodejs.org/download/release/v12.22.6/
- 下载好nodejs之后开始安装,我这里安装目录为:C:\nodejs\,安装过程一律下一步即可。安装好之后,打开一个新的cmd窗口,输入node -v可查看是否安装成功。
-
C:\Users\Administrator>node -v v12.22.6 C:\Users\Administrator>npm -v 6.14.15
- 下一步开始下载React的脚手架工程。为了提高下载速度,把npm镜像源设置为淘宝镜像源,直接在命令行输入:
-
npm config set registry http://registry.npm.taobao.org/
- 然后下载脚手架,命令行输入:
-
npx create-react-app my-first-react
-
下载成功后,如图显示,代码本地保存的路径也可以看到,
- 命令行进入脚手架代码下载的目录下,运行npm start即可启动项目。
cd C:\Users\Administrator\react-demo npm start
-
访问 http://localhost:3000/,查看运行效果。
-