什麼是create-react-app？ create-react-app建構React開發環境的應用

什麼是create-react-app？ create-react-app又能做些什麼？本篇文章將給大家分享create-react-app建構React開發環境的方法。

1、create-react-app是什麼？
做一個react項目，建立其開發環境對初學者來說是很困難的！所以，facebook專門出了create-react-app指令，用於react專案開發環境的建置！

create-react-app是基於webpack ES6創建的。

2、如何使用。
依序在命令列執行以下命令就能完成專案的建置。

cnpm install -g create-react-appcreate-react-app my-app 
//这里的my-app是随便起的一个项目名称而已。
cd my-app/
npm start

最終得到的專案目錄如下：

效果圖是這樣的：

3、關於專案目錄的說明：
public資料夾：裡面的index.html，是整個react專案最終打包的index入口頁面的專案範本。但是和我們的程式碼編寫無關，和最終的頁面展示是相關的。

src資料夾：是我們寫程式的地方。

src/index.js：是整個專案的入口js檔案。
src/app.js：是被index引進的一個元件，也用一個js檔案表示。
src/index.css：index.js中的樣式檔。
src/app.css：是app.js的樣式檔。
logo.svg：是一個svg的圖片檔。用於介面展示使用。

4、但是個人不會滿足於這樣的結構，很不適合開發。
下面這個是我進行一個初始化的一個改造：

改好目錄，改好專案路徑，在這樣的目錄下，繼續我們的專案開發工作。

相關推薦：

微信小程式 教學之小程式設定

#微信小程式與支付寶小程式比較區別介紹

以上是什麼是create-react-app？ create-react-app建構React開發環境的應用的詳細內容。更多資訊請關注PHP中文網其他相關文章！