在開始建立第一個專案之前，我們有一些準備工作要做：

1. 前置工作–安裝軟體

安裝nodejs軟體，官網都有免費的可以下載：nodejs下載地址. 安裝VS Code軟體，不喜歡VS Code的也可以使用sublime Text都可以的，官網可以免費下載安裝：VS Code下載地址.

2. 建立專案

第二步就是專案的建立了：

• 首先在作業系統的全域性，使用npm命令（nodejs正確安裝後，即可使用），全域性安裝create-react-app： npm install -g create-react-app

• 然後用該命令列，在指定地址建立專案： create-react-app my-demo

• 然後我們進行專案的根目錄，使用如下命令進行啟動： cd my-demo npm run start

專案啟動起來後，可以看到如下介面：

下面，我們來一點一點的解讀這個create-react-app生成的程式碼。

3. 程式碼解讀

首先看一下這個目錄：

接下來我想重點講的是兩個東西： 1. 如何與之前的HTML模型對接起來； 2. 如何理解這段程式碼，並且在接下來可以在此基礎上開發。