什麼是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中文網其他相關文章！
