1 react 需要nodejs所以需要安裝nodejs環境，到nodejs官網下載
現在默認會安裝nodejs 和 npm包 和 配置環境
2 檢查是否安裝成功，在命令行中輸入
顯示成功則正確
3 安裝包管理工具 bower，推薦安裝
安裝命令
npm install -g bower
查看版本信息
bower --v
初始化當前工程的bower，此操作會在當前目錄下生成bower.json文件：
bower init
通過問答向導的方式在當前目錄生成一個bower.json文件。
查詢包信息和版本
bower info 包名
bower的使用
使用了bower的項目都會在目錄下有一個bower.json文件。在該文件同級目錄下，使用如下命令即可安裝相關依賴庫。
注：bower下載安裝依賴庫實際上是使用git進行下載。對於linux系統，由於默認都有安裝git，所以一般沒問題。但是windows系統一般沒有git。在windows系統下需要確定安裝了git客戶端，建議使用同捆的git bash命令行來執行bower install命令。或者把git目錄加入windows的環境變量中，再在命令行中執行bower install命令。
安裝包
bower install 安裝當前目錄下bower.json中的指定所有包。生產環境部署時建議使用 -p 或 --production參數，這種情況不會安裝devDependencies。 bower install 包名 --save 安裝指定的包。 如果使用參數 -S 或 --save 則安裝完后，會把包名及版本號添加到bower.json的dependecies配置項數組中(方便以后重新安裝)。 如果使用參數 -D 或 --save-dev 則安裝完后，會把包名及版本號添加到bower.json的devDependecies配置項數組中。 如果不使用參數，則只安裝包到bower_components目錄，不修改bower.json文件。
更新
bower update 包名
搜索
bower search 包名
卸載
bower uninstall 包名
不支持一次卸載所有的包，只能手動全部刪除。
卸載包並不從緩存中刪除，只是安裝目錄移除，下次安裝會優先從本地緩存中復制安裝。
緩存
Bower在安裝包的時候，會先下載包到本地緩存，然后再復制到安裝位置。
緩存位置默認：
Win：C:Users用戶名AppDataLocalbowercachepackages
Linux：~/.bower/packages
刪除緩存
bower cache clean 刪除除所有本地緩存 bower cache clean <package>#<version> 刪除除指定包的緩存，還可以指定版本。
.bowerrc 文件
這個文件主要用來配置安裝路徑，如果不指定則默認安裝到當前目錄下的bower_components目錄中。
{ "directory": "bower_components"， //包安裝位置 "storage": { "packages" : "~/.bower/packages" //包本地緩存位置 } }
bower.json 文件
無論你是使用bower來為項目管理外部依賴，還是准備制作一個包，都是通過bower.json文件來進行的，這個文件可以說是bower運行的核心。bower.json的配置項和其他包管理工具，比如npm，composer的都差不多，你也可以通過分析這個文件來思考包管理器是如何運行的。
{ "name":"", //必須，如果需要注冊包，則該包名唯一。 "description":"", //可選，包描述 "main":[], //可選，入口文件，bower本身不使用，供第三方構建工具會使用 //每種文件類型只能有一個。 "ignore":[], //可選，文件或目錄列表。bower安裝的時候將忽略該列表中的文件。 //bower是從git倉庫或壓縮包下載一個包，里面的文件並不一定全部需要。 "dependencies":[], //依賴包，name:value，value可以是包的semver //range(版本號范圍)，也可以直接是一個包的git地址或壓縮包地址。 "devDependencies":[], //開發依賴包，僅僅在開發過程中測試或者編譯文檔用，部署生產環境是不需要。 //格式和dependencies 相同 "resolutions":[], //包引用沖突自動使用該模塊指定的包版本 //格式和dependencies 相同 "overrides" :[ //這個也很關鍵，可以覆蓋一個包中的默認設置，比如main里面設定的入口文件 "package-name":{ //這樣可以根據需要，讓第三方工具只打包需要的文件。 "main":[] } ], "moduleType":"", //可選，指定包采用那種模塊化方式(globals,amd,node,es6,yui) "private":Boolean, //是否公開發布當前包,如果只是使用bower來管理項目的包，設置為true. "license":"", //授權方式(GPL-3.0,CC-BY-4.0.....) "keywords":[], //可選，方便注冊后容易被其他人搜索到。 "authors":[], //作者列表 "homepage":[], //主頁，包介紹頁 "repository":{ //包所在倉庫。 "type": "git", "url": "git://github.com/foo/bar.git" }, ｝
bower用這套格式管理所有的包，所以下載的每個包中都會包含一個bower.json文件。 如果只是使用bower作為項目的包管理工具，上述配置項只需關注：dependencies, devDependencies, resolutions，overrides即可 如果你把自己開發的內容打包發布出去，這個時候才需要配置其他項。 配置項的更多解釋可以參考 https://github.com/bower/spec/blob/master/json.md
4 安裝 create-react-app
npm install -g create-react-app
5 全局安裝 babel 轉譯器
npm install --global babel-cli