1.安裝node.jshtml
若是安裝了,就請參照第二步;沒有的話,去node.js官網下載:https://nodejs.org/zh-cn/download/node
2.檢查react
win鍵+r ----->打開資源管理器---->輸入cmd------>在命令窗口輸入node -v和npm -v(是爲了檢查版本號) npm
由於國內使用npm很慢,咱們能夠使用淘寶的cnpm,同時設置鏡像地址瀏覽器
指令:npm install -g cnpm --registry=https://registry.npm.taobao.orgapp
檢查淘寶鏡像是否安裝成功 cnpm -v(出現下面的地址就意味着安裝成功)spa
3.全局安裝react腳手架3d
如已經安裝了淘寶鏡像,就在命令窗口輸入:cnpm install -g create-react-app;htm
沒有安裝淘寶鏡像,能夠輸入這樣的指令:npm i -g create-react-app(注:i是install的簡寫)blog
出現上面的情形,就證實react的全局安裝已經結束,以後就能夠關閉了命令窗口。
4.建立項目
進入咱們要建立react項目的文件中,在地址欄裏輸入 cmd 進入cmd窗口,而後輸入指令:create-react-app 項目名稱
例子:建立一個todolist的項目
建立成功以後,在命令窗口輸入cd todolist(進入當前的文件夾),以後再命令窗口輸入npm start(啓動當前的項目)
啓動成功以後,在瀏覽器上會自動打開,打開以後的頁面是下面的樣子。(注:個人端口號是3001,是由於我以前已經有了一個,通常咱們默認的端口號是3000)
原文出處:https://www.cnblogs.com/xps-03/p/12256777.html