前端环境搭建

1.nvm：nodejs的版本管理工具

@1：nvm的安装

系统 macOS


第一步：

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


第二步：进入.nvm文件夹，新建.bash_profile：

touch .bash_profile //新建文件
open .bash_profile //打开文件


第三步：

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



第四步：

source ~/.bash_profile

异常报错

在终端运行
zsh报错
但是再zsh中使用nvm依旧提示
解决方法
编辑~/.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 nvm bash_completion
 

source ~/.zshrc

移除nvm内容

1.cd ~

rm -rf .nvm

2.移除掉~/.profile, ~/.bash_profile, ~/.zshrc, ~/.bashrc文件中关于nvm的配置

vim .bash_profile  -》打开Path配置

将export NVM_DIR 那段语句删除

按ESC，：后键入wq，回车 -》保存修改

source .bash_profile -》让配置文件里面生效

3.命令行输入nvm、npm，分别提示command not found，删除成功

@2：nvm相关命令

nvm list 查看已经安装的node版本

nvm install version 安装指定版本

nvm use version 切换使用指定的版本node

2.nrm：npm包管理工具

@1：全局安装nrm包

npm install -g nrm

@2：查看nrm的包源

nrm ls // 查看当前npm的包源


执行结果：（ *指向的是当前正在使用的npm包源 ）

* npm -----  https://registry.npmjs.org/
  yarn ----- https://registry.yarnpkg.com
  cnpm ----  http://r.cnpmjs.org/
  taobao --  https://registry.npm.taobao.org/
  nj ------  https://registry.nodejitsu.com/
  skimdb -- https://skimdb.npmjs.com/registry

@3：切换npm包源

nrm use cnpm // 切换npm的包源

@4：增加npm包源

npmName是增加的npm包名（自定义）

npmName后边是npm包的地址

nrm add npmName http://registry.npm.frp.trmap.cn/

@5：删除npm包源

nrm del npmName // 删除名为npmName的包

@6：切换npm包源之后，即可正常使用npm install

npm install // 此时使用的是nrm当前所处的npm包源地址

3.其他指令

#查看已经安装在全局的模块，以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装
 
npm ls -g --depth=0
 
#删除全局 node_modules 目录
 
sudo rm -rf /usr/local/lib/node_modules
 
#删除 node
 
sudo rm /usr/local/bin/node
 
#删除全局 node 模块注册的软链
 
cd /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm