第二種方法:cnpm install -g yarn 或者 npm install -g yarn
4、搭建React開發(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.安裝腳手架工具 (單文件組件項目生成工具) 只需要安裝一次
npm install -g create-react-app / cnpm install -g create-react-app
3.創(chuàng)建項目 (可能創(chuàng)建多次)
找到項目要創(chuàng)建的目錄:
create-react-app reactdemo
4.cd 到項目里面
cd reactdemo
npm start yarn start運行項目
npm run build yarn build 生成項目
5、搭建React的開發(fā)環(huá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.安裝腳手架工具并創(chuàng)建項目
找到項目要創(chuàng)建的目錄執(zhí)行:
npx create-react-app reactdemo
4.cd 到項目里面
cd reactdemo
npm start 運行項目(調(diào)試)
npm run build 生成項目(發(fā)布)
npx介紹:
npm v5.2.0引入的一條命令(npx),引入這個命令的目的是為了提升開發(fā)者使用包內(nèi)提供的命令行工具的體驗。
詳情:
npx create-react-app reactdemo這條命令會臨時安裝 create-react-app 包,命令完成后create-react-app 會刪掉,不會出現(xiàn)在 global 中。下次再執(zhí)行,還是會重新臨時安裝。
npx 會幫你執(zhí)行依賴包里的二進制文件。
再比如 npx http-server 可以一句話幫你開啟一個靜態(tài)服務器