其實(shí)16年的時(shí)候就已經(jīng)接觸到React，那個(gè)時(shí)候也只是入門(mén)，時(shí)隔多年，工作上一直都沒(méi)有接觸到相關(guān)的業(yè)務(wù)，不知不覺(jué)，前端的天也開(kāi)始漸變，看到 了很多招聘要求上都是要求會(huì)React，三大框架怎么也得熟悉使用兩個(gè)，不讓下一份工作可能就很難了~

老規(guī)矩，先看完官方文檔：
教程：https://www.runoob.com/react/react-tutorial.html
文檔：http://caibaojian.com/react/

簡(jiǎn)介：簡(jiǎn)介：React是Facebook開(kāi)發(fā)的一款JS庫(kù)，是一個(gè)聲明式、組件化并且用于構(gòu)建用戶界面的 JavaScript 庫(kù)，通俗來(lái)講就是將界面分成可以復(fù)用的組件，在需要時(shí)引入，使界面解耦，互不影響而又相互聯(lián)系，在界面更新時(shí)，只會(huì)更新需要更新的組件，使得效率和性能上大大提升。

本著學(xué)習(xí)的精神，開(kāi)始了搭建react開(kāi)發(fā)環(huán)境之前需要準(zhǔn)備的工作：

1：安裝node.js，查看版本號(hào)

2：安裝cnpm替代npm，查看版本號(hào)

3：yarn，查看版本號(hào)

不會(huì)安裝yarn的童鞋，可以查看官方文檔。
使用安裝命令：npm i -g yarn

以上三大步驟就不細(xì)說(shuō)了，準(zhǔn)備工作完成后

4：安裝腳手架

cnpm install -g create-react-app

5：在d盤(pán)創(chuàng)建一個(gè)空目錄，存放項(xiàng)目

6：進(jìn)入文件夾，創(chuàng)建項(xiàng)目

create-react-app reactdemo
等待生成我們的項(xiàng)目之中(網(wǎng)絡(luò)慢的話可能要等幾分鐘哦)

可以看到，d盤(pán)里面初始化的這個(gè)項(xiàng)目了

7：cd 到剛剛生成的項(xiàng)目文件里面,運(yùn)行項(xiàng)目

cd reactdemo使用yarn start或者 npm start

彈出瀏覽器，顯示界面，react環(huán)境安裝完成了。

從零開(kāi)始學(xué)習(xí)React-開(kāi)發(fā)環(huán)境的搭建完成，忽然覺(jué)得，是不是和vue的操作步驟是一樣一樣的吶。

總結(jié)

以上是生活随笔為你收集整理的react安装_「React实战」三分钟搭建React开发环境的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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