1.1.1 create-react-app工具

React技術依賴于一個很龐大的技術棧，比如，轉譯JavaScript代碼需要使用Babel，模塊打包工具又要使用Webpack，定制build過程需要grunt或者gulp……這些技術棧都需要各自的配置文件，還沒有開始寫一行React相關代碼，開發人員就已經被各種技術名詞淹沒。

針對這種情況，React的創建者Facebook提供了一個快速開發React應用的工具，名叫create-react-app，這個工具的目的是將開發人員從配置工作中解脫出來，無需過早關注這些技術棧細節，通過創建一個已經完成基本配置的應用，讓開發者快速開始React應用的開發。

本書中所有應用實例都由create-react-app創建，我們用這種最簡單的方式創建可運行的應用，必要的時候才會介紹底層技術棧的細節，畢竟，沒有什么比一個能運行的應用更加增強開發者的信心。

create-react-app是一個通過npm發布的安裝包，在確認Node.js和npm安裝好之后，命令行中執行下面的命令安裝create-react-app：

npm install --global create-react-app

安裝過程結束之后，你的電腦中就會有create-react-app這樣一個可以執行的命令，這個命令會在當前目錄下創建指定參數名的應用目錄。

我們在命令行中執行下面的命令：

create-react-app first_react_app

這個命令會在當前目錄下創建一個名為first_react_app的目錄，在這個目錄中會自動添加一個應用的框架，隨后我們只需要在這個框架的基礎上修改文件就可以開發React應用，避免了大量的手工配置工作：

在create-react-app命令一大段文字輸出之后，根據提示，輸入下面的命令：

cd first_react_app
npm start

這個命令會啟動一個開發模式的服務器，同時也會讓你的瀏覽器自動打開了一個網頁，指向本機地址localhost:3000/，顯示界面如圖1-1所示。

恭喜你，你的第一個React應用誕生了！

接下來，我們會用React開發一個簡單的功能，讓我們繼續吧。