react腳手架環境搭建流程

1.安裝與配置node.js：
1.1軟件下載地址：https://nodejs.org/en/，推薦下載.msi文件，其中npm已經集成在了node.js中。
1.2 雙擊下載的.msi文件進行安裝，安裝過程直接按照默認設置點擊下一步便可，安裝目錄用戶可自行修改。安裝完成後，在cmd命令行輸入node -v 和 npm -v，分別顯示node.js和npm的版本，則安裝成功。若是提示非內部命令，則須要將配置node.js環境變量（安裝node.js過程當中默認已配置）。
1.3 更改npm全局模塊和默認安裝位置（可選）：
1.3.1 在node.js安裝文件夾（或用戶自定義文件夾）下新建node_global和node_cache兩個文件夾
1.3.2 啓動cmd並依此執行如下兩條命令：

npm config set prefix "XXX\nodejs\node_global" //用戶自定義的安裝路徑 npm config set cache "XXX\nodejs\node_cache" 

1.3.3 經過命令

npm config get -l 

在顯示的配置列表中查看cache 和 prefix的路徑，能夠發現改路徑爲用戶自定義路徑。
1.4 更改npm版本。
因爲5.x版本的npm存在bug，沒法確保npm install create-react-app正確執行。官網推薦使用npm 4.x版，更新命令以下：

npm install -g @4 

默認更新後的版本爲4.6.1版

2. 設置代理服務器（cmd下敲命令）：
在公司訪問外網是經過代理服務器進行訪問的，須要首先申請外網訪問權限。在得到外網訪問權限後，須要爲npm配置代理服務器，配置命令以下：

npm config set proxy http://username:password@server:port npm config set https-proxy http://username:passord@server:port 

3. 修改npm資源獲取路徑：
Npm默認資源路徑爲：

https://registry.npmjs.org 

該路徑獲取資源較慢，可將其修改成淘寶的資源。
在cmd下執行以下命令：

npm config set registry=https://registry.npm.taobao.org/ 

經過命令
npm config get registry能夠查看是否修改爲功，該命令返回registry路徑。
若是不修改默認路徑，也能夠在執行npm install [name]時臨時資源下載路徑：

Npm install [name] --registry https://registry.npm.taogao.org 

4. 建立create-react-app工程
4.1新建一個用於建立create-react-app工程的文件夾
4.2在cmd命令行下，進入該文件夾路徑
4.3 執行命令:

npm install -g create-react-app 

(此過程用時較長，大概15分鐘左右，具體與網絡也有關係)
4.4 執行成功後，執行命令：

create-react-app my-app 

說明：my-app是用戶自定義的文件夾名稱
4.5 執行成功後，執行命令：

npm start 

默認會打開瀏覽器窗口，彈出React界面。（最好安裝谷歌瀏覽器）
說明：建立create-react-app網絡教程不少，我遇到的坑主要有兩個：
1.配置代理服務器（若是是經過代理服務器訪問外部網絡）
2.確保npm版本可以執行建立create-react-app，若是初次建立create-react-app失敗，則更換npm版本，詳細命令參考下圖：

 

3.若是執行 npm install --global create-react-app 已經好久了，從新執行 create-react-app finename 失敗的話，能夠從新執行一次 npm install --global create-react-app ,更新一下，而後執行create-react-app filename 。