(1) VSCode

https://code.visualstudio.com/download

(2) Nvm (Node.js版本管理工具)

使用npm安裝(CMD)
a. 先檢查目前電腦有沒有安裝 Node.js ，有的話記得先移除掉，之後在 terminal 終端機輸入
https://simonallen.coderbridge.io/2020/05/29/nvm-note/
b. Node移除方式
https://iter01.com/254694.html
檢查

Nvm —version
Node —version

(3) Vue.js

使用npm安裝(CMD)
npm install vue
https://vuejs.org/v2/guide/installation.html
檢查

vue —version

(4) Webpack (build)

使用npm安裝(CMD)
npm install -g webpack
https://neighborhood999.github.io/webpack-tutorial-gitbook/Part1/
檢查

Webpack —version

(5) Docker

a. 先安裝 brew 後安裝Docker
b. 安裝Docker ：
brew cask install docker 改成 brew install --cask docker
https://www.zhihu.com/question/443828638/answer/1745471771
c. 打開Docker 並安裝
open /Applications/Docker.app
https://blog.yowko.com/homebrew-docker/
d. 安裝後會有實體介面

(6) brew ( Homebrew（套件管理工具）)

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
https://blog.yowko.com/homebrew-docker/
檢查

brew --version

(7) oh-my-zsh(zsh 的 framework，內建非常多主題及套件）

安裝
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

(8) iTerm2（可以用來取代 MAC 原生終端機的工具）

https://medium.com/statementdog-engineering/prettify-your-zsh-command-line-prompt-3ca2acc967f
https://mily.coderbridge.io/2020/06/12/install-terminal-git/

a. brew install --cask iTerm2
b. 有zip檔,解壓縮並安裝
c. 檔案放在應用程式底下
d. 設定,在電腦左上角XD 照步驟
https://www.onejar99.com/iterm2-mac-terminal-usage/
e. 抓色,改色
https://github.com/mbadolato/iTerm2-Color-Schemes

(9) bash-completion

https://sourabhbajaj.com/mac-setup/BashCompletion/
brew install bash-completion

(10) eslint

VS套件

3. MAC

Mac顯示隱藏檔案？
同時按住鍵盤的「Shift」+「Command」+「.」鍵。
嘗試在使用者下找出隱藏資料夾

截圖
Command + 4 +shift

4. VS code 自動 npm run dev