版版

React

React 新手要會的安裝步驟及指令

React 是目前前端框架中,學習曲線最長的前端框架語言,由 Facebook 開發, 但不可否認,當要做中大型專案開發時,他能避免過去開發上遇到的問題。

學習 React 之時,大多是人會先去看官方文件,然後…會發現官方文件其實並沒又對細節做很多描述,對於剛觸碰的新手,簡直可以用是天書來形容。所以這邊簡單介紹一下如何安裝 React。

React 環境安裝

在安裝 React 之前,你需要先安裝他的相關環境,最簡單的方式執行 npm install,如果你想問 npm 到底是甚麼,可以看一下 維基百科 NPM,這裡面有簡單對 npm 作介紹。

npm install

開發基本指令介紹

安裝好 npm 後,接著先進入到你要開發的資料夾,使用指令建立 React 專案,使用方法如下 :

建立 React 專案

npx create-react-app 你的專案名稱(請使用英文) 

運行開發環境

安裝好 React 專案後,進入你開好的專案中,執行 npm start 來啟動 React

npm start

React 預設開發 localhost:3000,如果想要更改可以到設定檔中更改。到這邊,只要你網頁能跑出來,基本上你已經可以開始著手開發 React。

運行測試

想要測試 React 在開發中是否有作物,可以使用以下指令進行測試。

npm test

運行建構( React 程式封裝 )

當你覺得你開發的差不多了,就可以執行以下指令,對 React 進行封裝。

npm rum build

發佈留言