React开发环境搭建（一）

一、安装node.js和npm包（或cnpm）

1.打开node.js官网：https://nodejs.org/en/，选择对应版本下载（笔者下载的是14.5.0版本），下载成功后点击安装，安装node.js时，npm包管理工具也会同时安装，下载页面如下：

2.Win+R 打开cmd命令行,输入 node -v 和 npm -v 或 cnpm -v来查看版本号，如下图显示安装完成：

Tips: npm作为包管理器来说相对来说比较好用，但是由于服务器不在国内所以有的时候速度会慢一点，建议安装一下淘宝团队的cnpm，这个就是npm在国内的镜像:npm install -g cnpm -registry=https://registry.npm.taobao.org

二、React开发环境搭建

1.安装create-react-app脚手架工具，命令行如下：

npm install -g create-react-app

2.使用命令创建新的react项目 react-demo,项目名称可以随便起名

在电脑D盘下创建react文件夹，然后命令行进入

cd /d D:\react 进入 D盘下的react文件夹， 然后命令行输入create-react-app react-demo

3.cd /d D:\react\react-demo 进入项目react-demo目录，部署npm，导入react-dom依赖包,命令行如下：

cd /d D:\react\react-demo

npm init （一直enter）

npm install --save react react-dom ( 在该目录下导入react和react-dom）

npm install --save react-router-dom （react路由）

4.运行服务

通过 npm start 来启动项目

npm start

则会自动弹出localhost:3000的网页窗口，并显示Welcome to React则启动成功页面，这时react的简单开发环境就搭建好了