Day2 基础安装 + 加码:nvm

今天正式进入主题~

在开始前我们必须先把环境建立起来，我知道很多人会使用webpack，但这边我是使用create-react-app，至於原因，是因为我自认对於webpack不太熟悉，不敢乱写，我会再找时间把它补起来的!

首先，需在终端机输入:

npx create-react-app project-name

记得这边的project-name是你可以自己取，但你如果要打project-name也不会报错拉

接着输入:

cd project-name

进入专案中!记得要看终端机路径

这边因为我的专案名称叫 - it13，所以路径会显示桌面下的it13

然後输入：

npm start

没意外的话你的画面就会出现跟我一样的图片：

如果有的话恭喜你成功了，如果没有也别紧张，上网查一下问题出在哪，或是留言给我都可以(这边不是逃避，而是因为每个人的问题都不一样)

你是否有那种经验，就是刚到新的团队，但是因为公司专案的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)，一样如果有问题的话，可以在下面留言，我看到一定会回