App下載

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

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

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


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

node安裝

npm安裝

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


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

全局安裝

在剛才的文件夾中創(chuàng)建個 first-react-demo項目,截圖如下:

創(chuàng)建項目

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


之后我們在瀏覽器中打開就可以了。


總結(jié):

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


0 人點贊