Step1.安裝Node.js和npm
安裝Node.js和npm
進(jìn)入Node.js中文網(wǎng)下載一個(gè)合適的版本進(jìn)行安裝
過程略
Step2.打開cmd控制臺(tái)或者Terminal查看是否安裝成功
Windows
Mac
輸入node -v
和 npm -version
查看是否安裝成功
Step3.更換npm鏡像
更改npm鏡像
由于某些原因,國(guó)內(nèi)使用npm比較慢村刨,所以推薦使用淘寶的npm服務(wù)
在命令行中輸入以下內(nèi)容
npm config set registry https://registry.npm.taobao.org
配置后可輸入以下內(nèi)容檢驗(yàn)是否設(shè)置成功
npm config get registry
Step4.安裝create-react-app腳手架和yarn
安裝create-react-app腳手架和yarn
npm install -g create-react-app yarn
Step5.用create-react-app新建一個(gè)React項(xiàng)目
新建項(xiàng)目
安裝依賴文件
create-react-app demo
Step6.進(jìn)入項(xiàng)目并啟動(dòng)
cd demo
yarn start
之后會(huì)自動(dòng)彈出http://localhost:3000/
React App
進(jìn)入項(xiàng)目的src
目錄告抄,打開index.js
文件,enjoy React !
總結(jié):
安裝Node.js和npm
依次輸入如下命令npm config set registry https://registry.npm.taobao.org npm install -g create-react-app yarn (切換目錄) create-react-app demo cd demo yarn start