第二種方法:cnpm install -g yarn 或者 npm install -g yarn
4、搭建React開(kāi)發(fā)環(huán)境的第一種方法(老-現(xiàn)在推薦):
https://reactjs.org/docs/create-a-new-react-app.html
1、必須要安裝nodejs 注意:安裝nodejs穩(wěn)定版本 教程中的nodejs版本:v8.11.2 教程中的npm版本:v5.6.0
2.安裝腳手架工具 (單文件組件項(xiàng)目生成工具) 只需要安裝一次
npm install -g create-react-app / cnpm install -g create-react-app
3.創(chuàng)建項(xiàng)目 (可能創(chuàng)建多次)
找到項(xiàng)目要?jiǎng)?chuàng)建的目錄:
create-react-app reactdemo
4.cd 到項(xiàng)目里面
cd reactdemo
npm start yarn start運(yùn)行項(xiàng)目
npm run build yarn build 生成項(xiàng)目
5、搭建React的開(kāi)發(fā)環(huán)境的第二種方法(新-未來(lái)推薦):
https://reactjs.org/docs/create-a-new-react-app.html
1、必須要安裝nodejs 注意:安裝nodejs穩(wěn)定版本 教程中的nodejs版本:v8.11.2 教程中的npm版本:v5.6.0
2.安裝腳手架工具并創(chuàng)建項(xiàng)目
找到項(xiàng)目要?jiǎng)?chuàng)建的目錄執(zhí)行:
npx create-react-app reactdemo
4.cd 到項(xiàng)目里面
cd reactdemo
npm start 運(yùn)行項(xiàng)目(調(diào)試)
npm run build 生成項(xiàng)目(發(fā)布)
npx介紹:
npm v5.2.0引入的一條命令(npx),引入這個(gè)命令的目的是為了提升開(kāi)發(fā)者使用包內(nèi)提供的命令行工具的體驗(yàn)。
詳情:
npx create-react-app reactdemo這條命令會(huì)臨時(shí)安裝 create-react-app 包,命令完成后create-react-app 會(huì)刪掉,不會(huì)出現(xiàn)在 global 中。下次再執(zhí)行,還是會(huì)重新臨時(shí)安裝。
npx 會(huì)幫你執(zhí)行依賴包里的二進(jìn)制文件。
再比如 npx http-server 可以一句話幫你開(kāi)啟一個(gè)靜態(tài)服務(wù)器