在項(xiàng)目開發(fā)中環(huán)境配置是個(gè)重要的點(diǎn),如果沒有配置好的話就會(huì)造成工作無(wú)法執(zhí)行,那么今天我們就來(lái)說(shuō)說(shuō)在“react前端開發(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)在磁盤中創(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ò)打開這個(gè)文件夾,在輸入npm start,截圖如下:
之后我們?cè)跒g覽器中打開就可以了。
總結(jié):
以上就是一個(gè)有關(guān)于在“react前端開發(fā)怎么搭建環(huán)境”的問(wèn)題,當(dāng)然如果你有其他的看法或者見解也可以和大家分享一下喔!更多于 react框架相關(guān)的內(nèi)容都可以在W3cschool中進(jìn)行一個(gè)了解和學(xué)習(xí)噢!