今天正式進入主題~

在開始前我們必須先把環境建立起來，我知道很多人會使用webpack，但這邊我是使用create-react-app，至於原因，是因為我自認對於webpack不太熟悉，不敢亂寫，我會再找時間把它補起來的!

首先，需在終端機輸入:

npx create-react-app project-name

記得這邊的project-name是你可以自己取，但你如果要打project-name也不會報錯拉

接著輸入:

cd project-name

進入專案中!記得要看終端機路徑

這邊因為我的專案名稱叫 - it13，所以路徑會顯示桌面下的it13

然後輸入：

npm start

沒意外的話你的畫面就會出現跟我一樣的圖片：

如果有的話恭喜你成功了，如果沒有也別緊張，上網查一下問題出在哪，或是留言給我都可以(這邊不是逃避，而是因為每個人的問題都不一樣)

加碼 - nvm

你是否有那種經驗，就是剛到新的團隊，但是因為公司專案的node.js比你電腦的node.js版本來的低，所以只好忍痛刪除電腦的node.js，改裝公司的版本，但其實有方法可以不用這樣做，那就是 - nvm (Node Version Manager)。

其實從他的英文就可以知道他的用途了，就是幫你管理node.js的版本，以下是實際操作：

這邊其實有兩種方式，homebrew或是官方的解法，我這邊就用官方推薦的解法

首先，需在終端機輸入:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" 
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

到這邊nvm其實已經下載好了，接下來輸入:

nvm

如果跟我一樣出現以下一堆指令，恭喜你成功了

如果還是不懂，沒關係這裡有我推薦的文章，當初我的nvm就是看這篇下載的~~

接著就是重頭戲了 - 更改版本

//安裝特定版本的 nvm

nvm install [node 版本號] 

//列出已安裝清單

nvm list 

//切換到特定 Node 版本(只限有安裝的版本)

nvm use [node 版本號]

總整理:
今天講了基礎的react環境安裝，跟講了一個工作上的小技巧(nvm)，一樣如果有問題的話，可以在下面留言，我看到一定會回