什麼是NodeJS?
NodeJS 是讓 Javascript 運行在server端的開發服務,在以前通常 Javascript 只限制於 client端瀏覽器互動使用,而且NodeJS有內置搜尋,可擺脫Apache
作為獨立的HTTP Server
什麼是npm?
npm 是NodeJS的套件管理工具,供應一個公開套件上傳及下載使用的一個服務平台。
為了減少學習時環境搞到崩潰
再去官網安裝之前,先提出一個想法:
每個專案開發時,所選定的NodeJS環境也有所差別,這時候就會有NodeJS環境管理工具
- nvm
mac 如何安裝nvm
?
Step1 - brew 安裝 nvm
brew install nvm
Step2 - 終端機配置 nvm
終端機使用環境是 bash
時
echo "source $(brew --prefix nvm)/nvm.sh" >> .bash_profile
重新啟動 bash
source ~/.bash_profile
終端機使用環境是 zsh
時
echo "source $(brew --prefix nvm)/nvm.sh" >> .zhsrc
重新啟動 zsh
source ~/.zshrc
Step3 - 檢查 nvm
是否安裝成功
nvm --version
即可看到 nvm 版本
nvm 基礎介紹
nvm install
安裝指定版號 - 12.18.1
nvm install 12.18.1
VERSION_PATH=''
################################################################################################################################################################ 100.0%
Computing checksum with shasum -a 256
Checksums matched!
Now using node v12.18.1 (npm v6.14.5)
安裝 node
nvm install node
VERSION_PATH=''
################################################################################################################################################################ 100.0%
Computing checksum with shasum -a 256
Checksums matched!
Now using node v14.4.0 (npm v6.14.5)
nvm ls
檢查現在有的 node
環境
nvm ls
v12.18.1
-> v14.4.0
default -> 12.18.1 (-> v12.18.1)
node -> stable (-> v14.4.0) (default)
stable -> 14.4 (-> v14.4.0) (default)
iojs -> N/A (default)
lts/* -> lts/erbium (-> v12.18.1)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.21.0 (-> N/A)
lts/erbium -> v12.18.1
nvm use
使用指定的 node
版本
nvm use 14.4.0
Now using node v14.4.0 (npm v6.14.5)
# 可縮寫數字
nvm use 12
Now using node v12.18.1 (npm v6.14.5)
# 可使用Tag
nvm use default
Now using node v12.18.1 (npm v6.14.5)
nvm alias [TAG_NAME] [NODE_VERSION]
/nvm unalias [TAG_NAME]
使用命名空間指定node
# 改變 default node 版本
nvm alias default 14.4.0
# 使用 default
nvm use default
Now using node v14.4.0 (npm v6.14.5)
新增與刪除自定義 Tag
# 新增 TAG
nvm alias test 12
# 刪除 TAG
nvm unalias test
nvm uninstall [NODE_VERSION]
刪除指定的node
要記得先切換別版本的node
# 刪除指定的 node
nvm uninstall 14.4.0
Uninstalled node v14.4.0
小結
因為每個專案使用的版本不同,所以我要切換不同版本的 Node
,這邊留下一個小題目
如果我的專案都使用到相同的環境,但是我使用 Vscode編寫的時候套件會衝突 這該如何解決?
尤其是我這專案是 React
, 另一個專案又是 VueJS
? 在編輯的時候就很麻煩套件很多都是JS相關
該怎麼解決呢? 其實VScode 官方也有套件可以解決這種問題喔!