React的環境搭建以及腳手架的安裝

1.安裝node.js

　　如果安裝了，就請參照第二步；沒有的話，去node.js官網下載：https://nodejs.org/zh-cn/download/

2.檢查

　　win鍵+r ----->打開資源管理器---->輸入cmd------>在命令窗口輸入node -v和npm -v(是為了檢查版本號) 

　　　　

　　因為國內使用npm很慢，我們可以使用淘寶的cnpm，同時設置鏡像地址

　　指令：npm install -g cnpm --registry=https://registry.npm.taobao.org

 

 

 

 

 　　檢查淘寶鏡像是否安裝成功  cnpm -v(出現下面的地址就意味着安裝成功)

 

 

 

 3.全局安裝react腳手架

　　如已經安裝了淘寶鏡像，就在命令窗口輸入：cnpm install -g create-react-app；

　　沒有安裝淘寶鏡像，可以輸入這樣的指令：npm i -g create-react-app（注：i是install的簡寫）

 

 

　　出現上面的情形，就證明react的全局安裝已經結束，之后就可以關閉了命令窗口。

4.創建項目

　　進入我們要創建react項目的文件中，在地址欄里輸入 cmd  進入cmd窗口，然后輸入指令：create-react-app  項目名稱

　　例子：創建一個todolist的項目

 

 

 

 

 　　創建成功之后，在命令窗口輸入cd todolist(進入當前的文件夾)，之后再命令窗口輸入npm start(啟動當前的項目)

 

 

 

 

 

 

 

 啟動成功之后，在瀏覽器上會自動打開，打開之后的頁面是下面的樣子。（注：我的端口號是3001，是因為我之前已經有了一個，一般我們默認的端口號是3000）