前端開發Day 1： 建置開發環境 − 1

MacOS+NVM+Node.js+NPM

作業系統: MacOS

【名詞介紹】

#Node.js

Node.js是一個能夠在伺服器端運行JavaScript的開放原始碼

#NVM

Node.js版本不斷更新，有可能發生舊網站與新版的Node.js不相容，因此需要一個管理版本的工具，讓我們可以隨時切換所需要的版本，這就需要使用NVM （Node Version Manager）來執行。

#NPM

NPM（Node Package Manager）是Node.js下的主流套件管理工具, 可以讓Node.js開發者直接利用、擴充線上的第三方套件庫

【如何安裝】

我們的安裝順序將會是：NVM → Node.js+NPM

之前如果已經在官網下載安裝過Node.js的話，請先在Terminal輸入以下指令解除安裝。

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

可用以下指令查詢已安裝的Node.js版本來確認是否已解除安裝成功。

node -v

進入主題

#安裝NVM

我們將透過Homebrew來安裝nvm，Homebrew是Mac專用的免費開源的軟體套件管理工具。

1. 安裝Homebrew
2. 打開Terminal
3. 依官網指示(https://brew.sh/) 將下面這段指令貼到Terminal上

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

接下來用Homebrew來安裝nvm

4. 在Terminal上輸入以下指令安裝nvm。

brew install nvm

5. 完成安裝後，在Terminal上輸入以下指令把nvm加入shell中，讓我們可以直接在shell使用nvm指令。

echo "source $(brew --prefix nvm)/nvm.sh" >> .bash_profile

6. 在Terminal上輸入以下指令重新source我們的 .bash_profile 讓設定生效。

. ~/.bash_profile

7. 接下來我們要先查看有哪些版本可以被安裝。

nvm ls-remote

8. 發現太多了，懶得看所以直接安裝目前的穩定版。

nvm install stable

9. 查看是否安裝成功, 輸入以下指令顯示目前安裝版本。

nvm ls

#安裝Node.js+NPM

最後再來安裝Node.js

1. 前往官網（https://nodejs.org/en/）下載LTS版本並安裝，完成後npm也同時安裝完成。
2. 可用以下指令查詢已安裝的Node.js版本來確認是否已安裝成功。

node -v

大功告成！