返回
Featured image of post NodeJS - 安裝入門

NodeJS - 安裝入門

官網下載安裝就好了,為什麼要使用NodeJS環境管理工具?

什麼是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 官方也有套件可以解決這種問題喔!

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus