React教程（六）——使用 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、但是個人不會滿足於這樣的結構，很不適合開發。
下面這個是我進行一個初始化的一個改造：

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