nvm安装以及node配置

9,590 阅读4分钟

由于之前安装过nvm,但是一次同事误操作删除了我的nvm,所以把nvm相关安装步骤作个记录,方便以后再次安装使用

Windows安装

安装nvm

安装地址:github.com/coreybutler…

  • 注意这里可以选择noinstallsetup安装,区别是前者是免安装版,需要手动配置,新手推荐使用后者安装,免去配置麻烦,若要使用免安装版相关配置自行百度查阅。

这里建议把nodejs和nvm安装到同一个文件夹下面,方便管理。安装好之后检查是否安装成功,打开命令行工具(cmd或git bash)输入nvm -v,如果显示出版本号则说明安装成功!

修改nvm的安装配置

因为nvm默认安装node使用的是国外的镜像,为了避免安装失败,所以要修改一下nvm配置,首先打开你的nvm所在文件夹,用编辑器打开settings.txt

然后在文件里面添加两条内容,分别是node和npm的下载源,如下:

root: D:\Develop\nvm\nvm
path: D:\Develop\nvm\nodejs
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

指令使用

  • 添加完之后打开命令行工具执行nvm install [version],这里的version指的是你想要安装的node版本,下同。
  • 安装完成后使用nvm ls查看已安装的node版本
  • 使用nvm use [version]来使用你选择的node版本
  • 也可使用nvm uninstall [version]卸载node版本

例如nvm install 10.15.0则是安装v10.15.0版本的node,而nvm uninstall 10.15.0为卸载v10.15.0版本的node。

安装完成后在命令行工具输入node -vnpm -v检查是否安装成功,若命令行输出版本号则说明安装成功。

配置npm

首先打开你安装nvm时创建的nodejs文件夹(需要使用nvm安装某个node版本后才会出现nodejs文件夹),然后在里面创建node_globalnode_cache两个文件夹。

然后在命令行工具执行下面两条命令来修改npm全局安装包和缓存的位置:

npm config set cache "D:\Develop\nvm\nodejs\node_cache"
npm config set prefix "D:\Develop\nvm\nodejs\node_global"

这时候使用npm安装的全局包都会安装到指定的路径,可以在命令行工具执行npm i express -g

配置好后在C:\Users\admin下会出现.npmrc这个文件,说明配置成功,接下来配置环境变量

环境变量

配置环境变量的目的主要是全局依赖的指令能够在命令行里使用

右键我的电脑 > 属性 > 高级系统设置,高级选项卡里选择环境变量

用户变量里选择path后,查看是否有这些,如果没有则添加上去

然后在系统变量选择新建,添加NODE_PATH

注意:如果全局安装的包无法找到,即无法使用全局命令,可以尝试将NODE_PATH变量值后面的\node_modules去掉,然后重新打开应用程序尝试。

如果还无法使用全局命令,尝试右键打开vscode属性>兼容性面板,将“以管理员身份运行此程序”选项打开

检测环境变量配置正确,控制台执行

npm i -g yarn
// 安装完成后
yarn -v
// 输出版本号

如果版本号输出成功则说明配置完成

更多nvm命令可以参考下图

参考链接: blog.csdn.net/qq_32682137…

Mac安装

前往 github.com/nvm-sh/nvm 查看最新版本或打开终端输入

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

如果出现以下连接错误:

Failed to connect to raw.githubusercontent.com port 443,couldn't find the server.
  1. 前往 ipaddress.com 输入地址raw.githubusercontent.com找到对应ip。
  2. 终端输入sudo vim /etc/hosts编辑hosts文件,加入raw.githubusercontent.com的ip地址。进入hosts文件,按下按键ℹ️进入编写模式,写完按下esc键退出编辑模式,输入:wq然后回车。

image.png 3. 终端输入cat /etc/hosts查看hosts,是否加入和ip和地址。

安装成功后提示信息如下:

=> nvm is already installed in /Users/dillon/.nvm, trying to update using git  
=> => Compressing and cleaning up git repository  
  
=> Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zshrc, and ~/.profile.  
=> Create one of them and run this script again  
OR  
=> Append the following lines to the correct file yourself:  
  
export NVM_DIR="$HOME/.nvm"  
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm  
  
=> Close and reopen your terminal to start using nvm or run the following to use it now:  
  
export NVM_DIR="$HOME/.nvm"  
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

存在Profile not found.说明 ~/.bashrc, ~/.bash_profile, ~/.zshrc, ~/.profile 这几个文件不存在或没加载nvm配置, 如果你的默认shell是zsh,则新建.zshrc中添加配置。如果默认是bash,则新建.bashrc.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

如果只添加前两行,执行nvm -v,报找不到nvm命令,添加第三行命令后重打开控制台解决。

注意,如果配置写入的文件是.bash_profile或.bashrc,但使用的控制台是zsh,需要在控制台内执行source ~/.bashrc,否则会报找不到nvm命令,但只会在当前控制台生效,如果不想每次新开控制台都执行命令,就往.zshrc文件内追加source ~/.bashrc,或直接在.zshrc写入以上配置。

如果你的mac是arm架构的芯片(m1,m2),完成配置后,如果使用nvm安装低版本node报错,需要打开终端的简介,勾选使用 Rosetta 打开后重新安装node即可。

更多信息参考官方文档:github.com/nvm-sh/nvm