React 可以高效、靈活的用來構建用戶界面框架，react利用高效的算法最小化重繪DOM。

create-react-app 是來自於 Facebook，通過該命令不需配置就能快速構建 React 開發環境。

create-react-app 自動創建的項目是基於 Webpack + ES6 ，所以搭建之前要具備Webpack+ES6

打開命令窗口：執行以下命令

npm install -g create-react-app

create-react-app react-app

cd react-app

npm start

第一個react項目就啟動起來了，下面我們看一下項目目錄：

打開package.json看到如下代碼：

{
  "name": "react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.1.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    
 
"test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

npm start //啟動項目

npm run build //打包項目

npm run eject //彈出配置文件，配置webpack

命令窗口先運行 npm run eject，項目目錄變為如下：

然後運行npm run build ，項目目錄變為：

打包好的項目文件都在了build文件夾

現在已經用create-react-app構建 好了React 開發環境。下一節開始學習用react。

react學習筆記（一）用create-react-app構建 React 開發環境