目錄
1.爲什麼要使用Create React App
通過前面 script 的方式雖然也能完成 React.js 的開發，但是有一個現在前端很重要的特性 - 模塊化，無法使用。
2.Create React App介紹
Create React App 是一個使用 Node.js 編寫的命令行工具，通過它可以幫助我們快速生成 React.js 項目，並內置了 Babel、Webpack 等工具幫助我們實現 ES6+ 解析、模塊化解析打包，也就是通過它，我們可以使用 模塊化 以及 ES6+ 等更新的一些特性。同時它還內置 ESLint 語法檢測工具、Jest 單元測試工具。還有一個基於 Node.js 的 WebServer 幫助我們更好的在本地預覽應用，其實還有更多。
這些都通過 Create React App 幫助我們安裝並配置好了，開箱即用
3.安裝與使用
通過 npm、yarn、npx 都可以。
3.1安裝
npm
npm i -g create-react-app
- npm start 自動開啓應用服務器，並打開默認瀏覽器；
- npm test：運行 Jest 測試
- npm run build：打包應用（準備上線）
yarn
yarn global add create-react-app
- yarn start啓動一個開發應用服務器；
- yarn build用於構建一個開發好的項目；
- yarn test 用於測試代碼
- yarn yeild不建議使用。移除一些開發過程中的一些依賴包和配置文件等。可以幫助分析源碼和內容實現，但是此命令不可撤銷。
3.2使用
安裝完成以後，即可使用 create-react-app 命令
create-react-app <項目名稱>
或者通過 npx 的方式
npx
npx create-react-app <項目名稱>
4.項目目錄結構說明
運行命令以後，就會在運行命令所在目錄下面創建一個以項目名稱爲名的目錄
- node_modules目錄：存放第三方依賴包
- public目錄：存放靜態文件，如項目中的index.html文件。
- src目錄：最重要的文件
- index.js：入口文件
my-app/
README.md
node_modules/
package.json
public/
index.html
favicon.ico
src/
App.css
App.js
App.test.js
index.css
index.js
logo.svg
5.命令腳本
create-react-app 同時也提供了其它一些命令來幫助我們進行開發
- npm start：啓動一個內置的本地 WebServer，根目錄映射到 './public' 目錄，默認端口：3000
- npm test：運行 Jest 測試
- npm run build：打包應用（準備上線）
最後會通過編譯webpark自動去編譯打包JS，通過npm run build命令自動打包，並以插入方式生成bulid文件夾。bulid目錄下的文件纔是真正在線上項目中用到的文件。
