一、完全刪除由Homebrew安裝的Node.js和NPM

sudo rm -rf /usr/local/bin/npm
sudo rm -rf /usr/local/lib/node_modules/npm
sudo rm -rf /usr/local/bin/npx
sudo rm -rf /usr/local/lib/node_modules/npx
sudo rm -rf /usr/local/bin/node
sudo rm -rf /usr/local/lib/node_modules/npm-
sudo rm -rf /usr/local/lib/node_modules/node*
sudo rm -rf /usr/local/share/man/man1/node*

二、開始安裝

brew install node
brew install watchman

1、安裝nvm

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.1/install.sh | bash

// 查詢nvm 版本執(zhí)行
nvm -v
/**
輸出以下內容
<> nvm -v                 
0.37.1
**/

2膘盖、第一步安裝成功會有"export ...",我的則是以下的

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads

3、將 nvm 環(huán)境變量添加到 shell 中, 這里我用的zsh

open -e .zshrc

4尤误、在.zshrc 文件最后一行添加

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads

5侠畔、重載配置文件

source ~/.zshrc

6、查看nvm 的版本

nvm ls

7损晤、輸出以下信息,

node -> stable (-> v14.21.3) (default)
stable -> 14.21 (-> v14.21.3) (default)
lts/* -> lts/hydrogen (-> N/A)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.21.3
lts/gallium -> v16.20.1 (-> N/A)
lts/hydrogen -> v18.16.1 (-> N/A)

8软棺、安裝指定版本 v14.21.3

nvm install lts/fermium

9、安裝成功在查詢一次

nvm ls
/**
輸出以下信息 
─[0] <> nvm ls
        v10.8.0
->     v14.21.3
         system
default -> lts/fermium (-> v14.21.3)
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v14.21.3) (default)
stable -> 14.21 (-> v14.21.3) (default)
lts/* -> lts/hydrogen (-> N/A)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.21.3
lts/gallium -> v16.20.1 (-> N/A)
**/

10尤勋、查詢node 版本

node -v
/**
─[0] <> node -v
v14.21.3
**/

三喘落、可能出現(xiàn)的問題

zsh:command not command XXX 好多命令都找不著

1、打開finder,點擊前往->前往文件夾,輸入\user\celery\回車最冰，celery【實際用戶名】

2揖盘、快捷鍵command+shift+.顯示隱藏文件

3、打開隱藏文件/.bash_profile,刪除nvm的相關環(huán)境變量锌奴，我的如下【上文安裝nvm實際的環(huán)境變量】

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

export RN=/User/celery/.nvm/versions/node/v14.21.3/bin
export PATH=$RN:$PATH

4、重載配置文件.bash_profile,終端執(zhí)行

source ~/.bash_profile

5憾股、打開隱藏文件/.bash_profile,添加nvm的相關環(huán)境變量鹿蜀，我的如下【上文安裝nvm實際的環(huán)境變量】

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

export RN=/User/celery/.nvm/versions/node/v14.21.3/bin
export PATH=$RN:$PATH

6、重載配置文件.bash_profile .zshrc,終端執(zhí)行服球，莫名就好了茴恰，咱也很費解，應該是之前的找不到了吧

source ~/.bash_profile
source ~/.zshrc     

zsh:command not command react-native,這是因為沒有安裝react-native工具

1斩熊、安裝

npx react-native init AwesomeProject

2往枣、測試，如果輸出版本號則成功

react-native --version

ps：這個是之前整理的筆記，由于空間問題分冈，今天才上傳至簡書圾另，可能不適合當前的技術更新速度，僅供參考哈雕沉。