1. 程式人生 > >史上最簡單React開發環境搭建教程

史上最簡單React開發環境搭建教程

1. 安裝node

node js 官網

安裝完成之後,開啟命令提示符 輸入 npm 出現下列提示說明安裝成功

2. 根據react 官網提示,在命令提示符輸入

npm install -g create-react-app

經過一段時間的等待, 安裝成功

然後按上圖所示輸入命令證明react安裝成功, 接下來就建立一個react工程 吧。

經過一段時間的等待, 工程建立成功,

先cd 到專案根目錄下 然後 npm run start 即可執行此專案

如果能看到這畫面, 恭喜你, 已經跨過了React開發的第一道坎。

使用webstorm匯入 react專案 , 結構如下

注意, 需要更改專案配置,不然會報錯

好了, 建立到此完畢。

下圖是將生產環節程式碼部署到nginx伺服器下, 開啟gzip level 3 效果還不錯