M1 重装node 环境

一、完全删除由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 版本执行
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 环境变量添加到 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
**/

三、可能出现的问题

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

1、打开finder,点击前往->前往文件夹,输入\user\celery\回车，celery【实际用户名】

2、快捷键command+shift+.显示隐藏文件

3、打开隐藏文件/.bash_profile,删除nvm的相关环境变量，我的如下【上文安装nvm实际的环境变量】

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,终端执行

source ~/.bash_profile

5、打开隐藏文件/.bash_profile,添加nvm的相关环境变量，我的如下【上文安装nvm实际的环境变量】

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,终端执行，莫名就好了，咱也很费解，应该是之前的找不到了吧

source ~/.bash_profile
source ~/.zshrc     

zsh:command not command react-native,这是因为没有安装react-native工具

1、安装

npx react-native init AwesomeProject

2、测试，如果输出版本号则成功

react-native --version

ps：这个是之前整理的笔记，由于空间问题，今天才上传至简书，可能不适合当前的技术更新速度，仅供参考哈。