1、安裝JavaScript包的管理器(使⽤npm指令管理項⽬所依賴的JavaScript庫)
(1)由於npm庫最先是Node.js項目使⽤的包管理⼯工具，後來流行成爲所有的前端JavaScript庫的 包管理理工具。所以下載安裝npm，直接進入到Node.js官網上下載安裝。 https://nodejs.org/en/
操作:下載安裝。
測試:npm -v 得到安裝的版本號
(2)由於npm使⽤了很多國外的服務器鏡像地址，國內訪問速度很慢，所以有淘寶的鏡像(10min同步一次)
指令: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/web...
(2)Redux Devtools(可以檢視Redux數據流，可以將Store狀態跳躍到任何⼀個歷史狀態)
下載地址:
https://chrome.google.com/web...
6、配合Visual Studio Code使用，安裝智能提示插件
(1)Full React/React Native/React Router/Redux/GraphQL/ES7/Testing/PropTypes snippets
(2)React+Redux Snippets