我們需要在命令行中安裝 create-react-app 工具，你可能還需要安裝 yarn。

$ npm install -g create-react-app yarn

然后新建一個(gè)項(xiàng)目。

$ create-react-app antd-demo

之后運(yùn)行

$ npm run eject

然后我們就會(huì)看到暴露出了配置信息的create-react-app 腳手架

現(xiàn)在我們來看看展開后的目錄結(jié)構(gòu)

|   .gitignore     // git 篩選文件，用來配置不希望提交到git的文件或者文件夾
|   package.json  // 項(xiàng)目的配置文件，位于根目錄
|   README.md // 項(xiàng)目的說明文件
|   yarn.lock  // yarn 的lock 文件，快速定位依賴模塊的地址
|
+---config  // 配置文件，主要是proxy、process 、webpack的配置
|   |   env.js // 主要是 NODE_ENV 相關(guān)的配置
|   |   paths.js  // 項(xiàng)目文件路徑的配置，主要是腳手架的文件
|   |   webpack.config.js  // webpack 的配置文件
|   |   webpackDevServer.config.js  // proxy 代理的配置文件
|   |
|   \---jest  // config 的測(cè)試腳本 
|           cssTransform.js  
|           fileTransform.js
|
+---public  // 公用的靜態(tài)文件夾
|       favicon.ico   // 瀏覽器標(biāo)簽欄上的圖標(biāo)
|       index.html  // 單頁面的首頁
|       manifest.json  //項(xiàng)目資源關(guān)系的配置 詳見 http://www.itdecent.cn/p/69f78498e628
|
+---scripts  // 項(xiàng)目腳本
|       build.js  // 項(xiàng)目構(gòu)建腳本
|       start.js // 開發(fā)環(huán)境啟動(dòng)
|       test.js // 啟動(dòng)測(cè)試腳本
|
\---src
        App.css // app主組件對(duì)應(yīng)的css 文件
        App.js  // app 主組件
        App.test.js // app主組件的測(cè)試腳本
        index.css // 主入口對(duì)應(yīng)的主css文件
        index.js  // SPA 的主入口
        logo.svg // 靜態(tài)資源圖片
        serviceWorker.js    //熱加載腳本

(tips: windows mac linux 都有一個(gè)命令 tree 用來生成這種目錄結(jié)構(gòu)，不了解的可以搜一下)