1、安装JavaScript包的管理器（使⽤npm指令管理项⽬所依赖的JavaScript库）
（1）由于npm库最先是Node.js项⽬使⽤的包管理⼯具，后来流⾏成为所有的前端JavaScript库的
包管理⼯具。
所以下载安装npm，直接进⼊到Node.js官⽹上下载安装，npm同时被安装。
Node.js官⽅⽹址：nodejs.org/en/
图1:进入官方下载nodejs
将下载后的node文件解压到自己想放的目录中，并进行相关配置：
图2:在解压后的文件创建node-cache和node-global文件夹
图3:鼠标右键单击点击属性进入开始配置
图4:高级系统设置
图5:环境变量配置
图6:开始配置node
图7:编辑node路径指向
（2）由于npm使⽤了很多国外的服务器镜像地址，国内访问速度很慢，所以有淘宝的镜像，
指令：npm install -g cnpm --registry=https://registry.npm.taobao.org
测试：cnpm -v 得到安装淘宝镜像npm的版本号
（3）永久更改npm使⽤的源地址
npm config get registry //得到现在的默认源地址
npm config set registry https://registry.npm.taobao.org
测试：npm config get registry
2、安装React项⽬初始化的安装器（本质上是⼀个node执⾏的js⽂件）
指令：cnpm install -g create-react-app
测试：create-react-app
3、创建第⼀个React前端⻚⾯项⽬
指令：create-react-app fapp-test
测试：cd fapp-test
npm start
使⽤浏览器可以观测，有⼀个react所做的⻚⾯。http://localhost:3000/
4、为fapp-test项⽬安装其他依赖包
（1）⼦项⽬依赖包
指令：cd fapp-test
npm install redux react-redux redux-thunk react-router-dom connected-react-router --save
（2）调试辅助依赖包（配合⾕歌浏览器使⽤）
指令：npm install redux-devtools-extension --save
5、安装⾕歌浏览器测试插件
（1）React Devtools（可以检视React组件的树形结构）
下载地址：https://chrome.google.com/webstore/de…
tools/fmkadmapgofadopljbjfkapdkoienihi
（2）Redux Devtools（可以检视Redux数据流，可以将Store状态跳跃到任何⼀个历史状态）
下载地址：https://chrome.google.com/webstore/de…
devtools/lmhkpmbekcpmknklioeibfkpmmfifibljd
6、安装开发集成环境
（1）下载安装 Visual Studio Code
下载地址：https://code.visualstudio.com/
（2）在 Visual Studio Code 中安装智能提示插件
Full React/React Native/React Router/Redux/GraphQL/ES7/Testing/PropTypes snippets
React+Redux Snippets
备注：每个人的认识都是阶段性的提升，如果有错误望大佬指教，促使小白成长(在日后的学习工作中若有新的认知将对以往文档进行更改)。
