Mac M1環境安裝、npm指令安裝及vue2.9.6版本卸載重新安裝說明

由於原本筆電有問題，因此從windows系統換成了mac系統，本次安裝分為環境安裝以及npm指令安裝及vue2.9.6版本無法卸載之解決辦法三部分。

安裝環境

環境安裝的部分基本沒什麼問題，我照著macOS 開發者必安裝的終端機 - iTerm2教學，先行安裝Homebrew ，
輸入指令ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"進行安裝，
接著檢查版本，之後照著網頁指示操作，
再來安裝ZSH，
輸入brew指令brew install zsh，接著按照網頁指示完成安裝ZSH，

經過上述環境安裝，基本上就完成了，顯示大概會像下圖:

參考資料：
https://www.youtube.com/watch?v=4A3L1kJ6q5Q
https://www.ioa.tw/macOS/iTerm2.html
https://www.onejar99.com/terminal-iterm2-zsh-powerlevel10k/

安裝npm指令

這邊之所以說明npm指令，是因為需要進行vue的環境建置，進而發現無法使用npm install指令:
，
上網查找改使用sudo npm install -g vue-cli進行安裝，但因為後續有些問題，我們下一章節進行論，

這邊改為安裝nvm的辦法去解決，因nvm安裝完npm指令即可使用，

參照網站指示github:nvm-sh/nvm，輸入指令:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash進行安裝
接著輸入指令open ~/.zshrc(這邊我採用zshrc資料夾，可依自己電腦選擇開啟~/.bash_profile、~/.zshrc、~/.profile 或 ~/.bashrc)
照著網頁指示再跳出的記事本貼上指令(如附圖):

於記事本貼上指令(我貼在最後):

接著輸入指令:nvm --version檢查是否安裝成功
一旦安裝成功，npm指令即可使用!

參考資料：
https://blog.csdn.net/shaleilei/article/details/80812410
https://titangene.github.io/article/nvm.html
https://ithelp.ithome.com.tw/articles/10184980
https://github.com/nvm-sh/nvm

安裝vue cli環境

npm指令可使用後，我們就可以進行vue的環境安裝，但由於上一章節說明時我已經先使用指令sudo npm install -g vue-cli，因此在安裝時產生了問題，這邊我分為兩部分說明，一是node版本安裝，再來是卸載vue，重新進行安裝:

node版本安裝

在安裝vue之前，我們需要先行安裝node.js，這邊我先行下指令nvm use node進行測試，他會跳出提示提醒我安裝，

因此我再下指令nvm install 16.14.0(此處我指定安裝目前LTS 16.14.0版本，可依需要進行指定版本安裝)，之後輸入node -v檢查安裝版本，完整程序如下圖:

vue卸載及重新安裝

由於使用sudo指令安裝了vue2.9.6版本導致無法使用 vue create [專案名稱]指令，因此這裡我需要完整卸載舊版本，並安裝新版本

這裡我嘗試使用npm insall -g @vue/cli指令進行安裝，但得到的版本為2.9.6。
嘗試使用vue create指令得到需卸載再安裝的npm指令
照上述npm指令卸載再安裝，檢查版本仍為2.9.6
因此這裡我嘗試檢查是否路徑問題(檢查結果並沒有，接在bin資料夾下)以及得到vue並未刪除乾淨的結論
cd至vue所在資料夾，使用ls指令得到vue、vue-init…資料夾，下達sudo rm -rf進行刪除，輸入where vue得到完整刪除結果
重新輸入npm install -g @vue/cli指令進行安裝並進行版本檢查，終於得到5.0.1新版本
下達vue create指令，得到進一步安裝訊息

經過上述步驟，完成卸載vue舊版本及安裝成功新版本，以此紀錄過程。

參考資料:
https://www.icode9.com/content-4-985254.html
https://blog.csdn.net/weixin_44736158/article/details/121130856