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-app
create-react-app my-app //這裡的my-app是随便起的一個項目名稱而已。
cd my-app/
npm start           

• 1
• 2
• 3
• 4

最終得到的項目目錄如下： 

效果圖是這樣的： 

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、但是個人不會滿足于這樣的結構，很不适合開發。 

下面這個是我進行一個初始化的一個改造： 

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

原文釋出時間：2018年03月16日

本文來源

CSDN部落格

如需轉載請緊急聯系作者