搭建react開(kāi)發(fā)環(huán)境的準(zhǔn)備工作

1. node.js 穩(wěn)定版本

2. 安裝cnpm，用cnpm代替npm

3. 用yarn替代npm

yarn的安裝：npm install -g yarn

?

搭建react開(kāi)發(fā)環(huán)境的第一種方法（老-現(xiàn)在推薦）

1. 安裝腳手架工具? 只需要安裝一次

　　npm install -g create-react-app /??cnpm install -g create-react-app

2. 創(chuàng)建項(xiàng)目

　　找到項(xiàng)目要?jiǎng)?chuàng)建的目錄：?

　　create-react-app reactname

3. cd到項(xiàng)目里面

　　npm start / yarn start 運(yùn)行項(xiàng)目

　　npm run build / yarn build 生成項(xiàng)目

?

搭建react開(kāi)發(fā)環(huán)境的第二種方法（新-未來(lái)推薦）?

1. 找到項(xiàng)目要?jiǎng)?chuàng)建的目錄執(zhí)行?

　　npx create-react-app reactdemo

　　包括的步驟：

　　　　a. 安裝 npm install -g create-react-app

　　　　b. 創(chuàng)建 create-react-app reactname

　　　　c. 刪除

?

npx介紹

npm v5.2.0引入的一條命令（npx），引入這個(gè)命令的目的是為了提升開(kāi)發(fā)者使用包內(nèi)提供的命令行工具的體驗(yàn)。

轉(zhuǎn)載于:https://www.cnblogs.com/liuyunqi/p/10636147.html

總結(jié)

以上是生活随笔為你收集整理的react --- 搭建环境的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。