App下載

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

猿友 2021-06-08 11:00:17 瀏覽數(shù) (2250)
反饋

在項(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)行安裝在查看是否安裝成功,截圖如下:

node安裝

npm安裝

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


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)目,截圖如下:

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

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


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


總結(jié):

以上就是一個(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í)噢!


0 人點(diǎn)贊