React基础学习（一）：搭建环境和demo运行

1、安装node和npm（或者cnpm）

• 安装node.js官网：https://nodejs.org/en/，npm包管理工具也会一同安装
• Win+R 打开cmd命令行,输入 node -v 和 npm -v 或cnpm -v来查看版本号，如下图显示则安装完成。

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

npm install -g cnpm -registry=https://registry.npm.taobao.org

2、构建并运行项目

安装create-react-app脚手架工具

cnpm install -g create-react-app

使用命令创建新的react项目 my-demo

create-react-app my-demo

进入项目my-demo目录，部署npm，导入react-dom依赖包

cd my-demo
npm init   （一路Enter）
npm install --save react react-dom  ( 在该目录下导入react和react-dom）
npm install --save  react-router-dom   （react路由，以后会用到）

通过 npm start 来启动项目，自动弹出localhost:3000的网页窗口，并显示Welcome to React则启动成功

cnpm start

之后每次Ctrl+s保存即可更新运行