所謂萬事開頭難，本文旨在為初探React的同學，建立第一個最基本的react應用。

Create React App是Facebook官方的一個快速構建新的 React 單頁面應用的腳手架工具，它可以幫你配置開發環境，以便你可以使用最新的 JavaScript 特性，還能提供很棒的開發體驗，並為生產環境優化你的應用。（如果你使用過vue-cli構建vue應用，那麽此處可類比）

話不多說，直接開始。

安裝

全局安裝create-react-app

npm install -g create-react-app

tips:如果安裝失敗，更新node與npm至最新版本重試

創建新應用

create-react-app my-app
 

當前目錄下會創建一個my-app的文件夾，目錄結構如下：

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
└── src
    └── App.css
    └── App.js
    └── App.test.js
    └── index.css
    └── index.js
    └── logo.svg
    └── registerServiceWorker.js
 

運行

cd my-app
npm start // or yarn start

進入my-app目錄，運行npm start或yarn start

此時會打開默認瀏覽器訪問http://localhost:3000（如果瀏覽器沒有自動打開，可手動訪問http://localhost:3000）

接下來你就可以通過修改index.js文件創建你自己的應用了！

React漫漫學習路之 利用Create React App命令創建一個React應用