App下載

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

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

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


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

node安裝

npm安裝

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


2.創(chuàng)建一個(gè) react程序: 我們根據(jù)自己的習(xí)慣來在磁盤中創(chuàng)建一個(gè)workSpace文件夾,通過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)目

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


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


總結(jié):

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


0 人點(diǎn)贊