1. 程式人生 > 其它 >第一天使用React腳手架建立專案並執行

第一天使用React腳手架建立專案並執行

建立一個工作空間

在目錄裡面開啟cmd

全域性下載工具:npm install -g create-react-app,來下載我們要使用的腳手架。

腳手架建立的專案是react+webback+es6組合

不然使用腳手架是會報錯。

輸入腳手架的命令:create-react-app 專案名稱

使用這個命令之後,會下載一個專案框架給我們使用,並且還有相應的包依賴。

建立完成之後,在目錄裡面開始執行這個專案,在在cmd中輸入:npm start

以上就是使用腳手架建立React專案模板完成

現在打包測試

下載serve:輸入命令:npm install -g serve

執行打包程式:npm run build

執行結束之後,在專案裡面會看到下面這個目錄:

現在開始執行打包的專案即可:serve build

完成,上面兩個網址都可以直接開啟我們所打包的專案。

從一個小白開始做起,努力做一個美國總統