最近在學習react相關的知識，剛剛起步，一路遇坑不斷。自己做個筆記，方便日后總結，也供相同趣味的小伙伴一起交流探討。
學習時主要參考官網的教程：https://facebook.github.io/react/docs/hello-world.html 和部分網上的博客。
1.安裝node。
去官網（https://nodejs.org/en/download/）下載最新的穩定版本，我安裝的版本是6.11.2。（ps：盡量下載穩定版的，因為我剛弄的時候下載的是最新的版本，然后又一次跑一個命令一直卡在那里不動，后來重新安裝了以后才好）。下載安裝完以后在cmd界面輸入 node -v 可以直接查看版本。
安裝node時會自帶一個npm的包管理工具，我們可以在命令行通過 npm -v 查看：
國內使用npm很慢，我們可以使用淘寶的鏡像來代替原有的，在命令行輸入： npm config set registry https://registry.npm.taobao.org 即可設置。
當我們安裝好node以后，會自動將node設置系統的環境變量，將npm設置為系統的用戶變量，可以在系統環境變量中查看。
我們通過npm install -g 安裝的模塊，都在用戶變量（上左圖）對應的路徑中，比如這里示例下載一個 yarn 工具。
可以在日志信息中看到，剛剛安裝的yarn在 {User}/AppData/Roaming/npm 文件夾中（ps：AppData是隱藏的文件夾）：
2.安裝create-react-app
安裝create-react-app有利於我們快速創建一個react應用，安裝命令： npm install -g create-react-app 。安裝過程可能會比較慢，因為要下載很多模塊及相應的依賴，如果一直卡的話建議檢查一下網絡設置或者改成淘寶的鏡像。
3.創建並運行項目
在cmd中切換至工作空間，輸入 create-react-app demo01 創建一個react項目，創建過程比較慢，理由同上。
這里是因為我上一步安裝了yarn，所以成功的提示可能與你有所不同。這里我根據提示使用 yarn start 命令啟動項目，沒有安裝yarn的可以輸入 npm start
or 
都可以看到成功的啟動了項目：
下載我們根據頁面的提示修改一下src/App.js里面的文件並保存，體驗一把樂趣（雖然沒什么樂趣）。修改的部分如下：
<p className="App-intro"> 開始React之坑的學習 </p>
保存后可以看到瀏覽器實時的改變了：
至此，一個朴素的react工程就創建成功了。
4.在WebStorm中使用react創建並運行項目
實際開發中，我們可能需要一個IDE來幫助我們的提高開發效率，我使用的是JB公司的 WebStorm 2017.1.4。個人感覺挺好用，下面介紹一下在webstorm中集成react進行開發的介紹，只要前面的步驟都正確，這個集成是很簡單的。我當初就沒這運氣，折騰了好久才成功。
首先創建一個項目：
這里點擊創建項目后，就跟在命令行創建一樣，也會下載很多東西，等一會就好了。
運行配置：
可以直接在WebStorm里面的終端直接運行命令：
也可以配置我們自己的運行，步驟如下：
（1）
（2）
（3）按如下設置應用后保存即可：
（4）點擊運行，成功。
5.其他問題
1.在安裝完node以后，安裝create-react-app成功了，但是使用命令時總是報錯：create-react-app不是內部或外部命令，也不是可運行的程序或批處理文件。
解決辦法：看看create-react-app模塊是否在上述步驟的用戶變量（本例是：{User}/AppData/Roaming/npm）中，如果不在的話，說明你下載的路徑和實際命令行找的命令路徑不一致，需要手工設置。
查看npm所有配置的命令： npm config list
結果如下：
如果你的prefix不是你系統變量里面的對應的值，你需要設置成一致的，命令： npm config set prefix "D:\XXXXXX\XXXXX\XXX" 修改成功后在運行create-react-app即可。親測有效。
以上，如果錯誤，歡迎指正，不勝感激。