安裝環境

再開始學習 React 之前，想必大家必須知道如何安裝 React，但是說到安裝環境，我想應該是每個開發人員心中的痛吧，這邊就讓小弟我來手把手教大家，如何在本機環境安裝 React。

來源 : https://reactjs.org/docs/create-a-new-react-app.html

上圖是 React 官方介紹 React，以及安裝環境所需的條件

React 的官方網站也有提到，若要建立一個 React APP，必須先安裝 Node.js 以及 npm 在本機環境 (點此安裝)

Node.js 是能夠在伺服器端運行 JavaScript 的開放原始碼、以及跨平台執行環境

npm（全稱 Node Package Manager，即「node套件管理器」）是Node.js預設的、用JavaScript編寫的軟體套件管理系統。

下載完成後可以開啟終端機執行下面兩行指令，來確認版本是否正確

node -v 
npm -v

確認版本沒問題後，下一步就是

建立你的第一個 React 專案

開啟終端機執行下列指令

npx create-react-app "專案名稱"
cd "專案名稱"
npm start 

npx 和 npm 一樣是套件管理工具，但是 npm 會永久安裝套件在本機，npx 則是安裝套件後就將套件移除

執行 npm start 後會直接進入到 http://localhost:3000/ 並且看到下面這個畫面

到此，恭喜你建立了你的第一個 React 專案

小結

今天介紹了如何針對 React 的環境安裝我們所需的工具，並且成功的建立了一個 React 專案，明天將會教大家如何使用 React 在網頁上印出 Hello, world。
謝謝大家