React开发环境搭建、项目创建、命令使用

React开发环境搭建、项目创建、命令使用

一、Node.js下载安装

1、百度搜索Node.js下载即可看到官网地址，打开可以看到如图，这里根据自己电脑操作系统选择下载安装包，往下滑可选历史版本下载。
打开cmd命令查看

node  -v   //查看版本号，执行成功说明安装完毕

2、检查npm命令是否支持，输入npm -v 检查版本，显示版本则表示安装成功。
注：与Node.js一起安装好了，无需另外安装

3、安装cnpm命令，默认镜像较慢，我们需要切换到淘宝的镜像安装：npm install -g cnpm --registry=https://registry.npm.taobao.org，安装成功后，可以输入cnpm -v检查是否安装成功。

二、创建react项目

首先:win+r键输入cmd 调出命令窗口
全局安装React项目的模块

1、cnpm install -g create-react-app

2、切换到项目空间目录，创建React项目 react-demo，输入创建命令create-react-app react-demo在当前目录下创建。
这图表示成功创建：

3、创建完成项目我们需要切到项目目录下，执行npm start启动命令运行项目，下图我们可以看到启动成功日志。

4、跑起来的效果图如下：

希望对你有帮助。