使用create-react-app快速開發React應用

React是一個JavaScript語言的工具庫，在這個JavaScript工具鋪天蓋地的時代，沒有意外，首先需要安裝Node.js和npm，React本身並不依賴Node.js，但是我們開發中用到的諸多工具需要Node.js的支援。在Node.js的官網（https://nodejs.org/）可以找到合適的安裝方式，安裝Node.js的同時也就安裝了npm，npm是Node.js的安裝包管理工具，因為我們不可能自己開發所有功能，會大量使用現有的安裝包，就需要npm的協助。 React技術依賴於一個很龐大的技術棧，比如，轉譯JavaScript代碼需要使用Babel，模組打包工具又要使用Webpack，定製build過程需要grunt或者gulp。。這些技術棧都需要各自的設定檔，還沒有開始寫一行React相關代碼，開發人員就已經被各種技術名詞淹沒。 慶幸的是Facebook提供了一個快速開發React應用的工具，名叫create-react-app create-react-app是一個通過npm發布的安裝包，在確認Node.js和npm安裝好之後，命令列中執行以下命令進行安裝： npm install --global create-react-app 安裝完之後，你的電腦中就會有一個create-react-app的執行命令。 接下來我們可以在任意一個想要建立項目的目錄下通過cmd命令列建立第一個react項目，只需執行以下命令 create-react-app 20180420react 這個命令會在目前的目錄下建立一個名為20180420react的目錄，在這個目錄中會自動添加一個應用的架構，隨後我們只需要在這個架構的基礎上修改檔案就可以開發React應用，避免了大量的手工配置工作。 在create-react-app命令一大段文字輸出之後，根據提示，輸入下面的命令： cd 20180420react npm start 這個命令會啟動一個開發模式的伺服器，同時也會讓你的瀏覽器自動開啟一個網頁，指向本地地址http://localhost:3000/，顯示介面如下所示： 我們可以通過修改src/App.js檔案來修改網頁內容：

恭喜你，你的第一個React應用就誕生了~接下來繼續探索React的神奇世界吧，你會發現越來越有趣~