react前端開(kāi)發(fā)怎么搭建環(huán)境？

在項(xiàng)目開(kāi)發(fā)中環(huán)境配置是個(gè)重要的點(diǎn)，如果沒(méi)有配置好的話就會(huì)造成工作無(wú)法執(zhí)行，那么今天我們就來(lái)說(shuō)說(shuō)在“react前端開(kāi)發(fā)怎么搭建環(huán)境”這個(gè)問(wèn)題吧！

1.首先我們我們要明確React 和其他前端框架都是一樣的都是由于底層的 js 和 html組成的，接下來(lái)就是安裝Node.js、npm、cnpm這三。我們通過(guò)在官網(wǎng)中下載Node 之后進(jìn)行安裝在查看是否安裝成功，截圖如下：

在截圖中我們就完成了檢查是否安裝成功。

2.創(chuàng)建一個(gè) react程序： 我們根據(jù)自己的習(xí)慣來(lái)在磁盤(pán)中創(chuàng)建一個(gè)workSpace文件夾，通過(guò)window進(jìn)入D:\workSpace這個(gè)文件夾中，在輸入下面這個(gè)代碼進(jìn)行一個(gè)全局安裝，cnpm install -g create-react-app截圖如下：

在剛才的文件夾中創(chuàng)建個(gè) first-react-demo項(xiàng)目，截圖如下：

在完成之后我們通過(guò)打開(kāi)這個(gè)文件夾，在輸入npm start，截圖如下：

之后我們?cè)跒g覽器中打開(kāi)就可以了。

以上就是一個(gè)有關(guān)于在“react前端開(kāi)發(fā)怎么搭建環(huán)境”的問(wèn)題，當(dāng)然如果你有其他的看法或者見(jiàn)解也可以和大家分享一下喔！更多于 react框架相關(guān)的內(nèi)容都可以在W3cschool中進(jìn)行一個(gè)了解和學(xué)習(xí)噢！