React項目搭建及依賴安裝

1、前提

　　首先保證node.js已安裝完成...

　　安裝完成後，打開cmd命令行,輸入 node -v 和 npm -v 來查看版本號，若是顯示則安裝完成。

2、安裝react腳手架

　　在cmd命令行中輸入：  npm install -g create-react-app　　等待其安裝

　　

3、新建React項目

　　建立項目默認安裝在用戶目錄下，想更換目錄能夠參照以下命令：

　　　　 在cmd命令行中輸入： d:   （選擇D盤）

　　　　在cmd命令行中輸入：cd d:\reactDemo   （進入D盤中的指定文件夾）

　　

　　執行新建項目命令：create-react-app my-new-app　　    （「my-new-app」是你的項目根目錄文件夾名稱）

　　

　　繼續等待較長時間....切記...莫慌莫慌

4、安裝淘寶cnpm命令

　　 npm獲取有些耗時間，這裏建議你們使用淘寶團隊的cnpm

　　 在cmd命令行中輸入：  npm install -g cnpm --registry=https://registry.npm.taobao.org

　　

　　 輸入cnpm -v輸入是否正常  沒報錯，說明已經安裝成功了

　　

5、安裝所須要的依賴包

　　 在cmd命令行中輸入： cd d:\reactDemo\ my-new-app  （進入你新建的項目文件路徑）

　　 

　　 繼續cmd以下：

　　　　npm init   （而後一路回車）

　　　　cnpm install --save react react-dom       ( 使用淘寶cnpm命令 在該目錄下導入react和react-dom）

　　　　cnpm install --save  react-router-dom   （使用淘寶cnpm命令 react路由，之後會用到）

　　 繼續waiting......

6、啓動項目

　　 確認cmd目錄在你的項目根目錄路徑下：d:\reactDemo\ my-new-app

　　 啓動項目：npm start    啓動後會自動彈出localhost:3000的網頁窗口

　　 想關閉項目的話，直接關閉CMD窗口就能夠，或者使用 Ctrl+C ，輸入Y後退出