# 腳手架 由于 React 依賴于各種工具，構建工具 grunt、glup、模塊打包工具 webpack、js代碼轉義babel ......，還沒開始寫一行代碼，就已經被這些各種概念搞暈。因此我們不可能從頭開始一句一句的開始編碼。這就需要使用react的腳手架工具 `create-react-app`，它能幫助我們打架必要的目錄結構以及安裝必要的工具，站在巨人的肩膀上，將做的更多。 安裝 create-react-app ``` npm i -g create-react-app ``` ### 使用 create-react-app 創建項目 創建app ``` create-react-app <app-name> ``` 進入剛才創建的項目目錄，運行app ``` npm start ``` 默認情況下。占用端口號3000，在瀏覽器輸入 http://localhost:3000/ 即可 :-:  ### 目錄結構 創建好的項目目錄結構長這樣: :-:  在開發app的過程中，我們只需關心src目錄下的文件即可。 其中 `src/index.js` 是app的入口文件。