nvm使用

744 阅读3分钟

nvm.uihtm.com/download.ht… nvm下载地址

1.使用nvm包管理工具

安装nvm包管理工具,下一步选择nvm安装路径 D:\nvm

nvm会自动在 D:\nvmh中在创建一个文件nvm文件夹,实际路径是:D:\nvm\nvm

node.js安装路径: D:\nvm\node.js

安装完成后会在D:\nvm\nvm 文件夹中生成 settings.txt文件 内容如下:

两个路径中的文件夹必须要有,如没有,在安装nodej.js版本之前 需要手动创建完成

root: D:\nvm\nvm
path: D:\nvm\nodejs

生成手动添加两个镜像地址

node_mirror: cdn.npmmirror.com/binaries/no…

npm_mirror: cdn.npmmirror.com/binaries/np…

  • 第一行是 nvm安装路径
  • 第二行是 nodejs路径
  • 第三行是 node下载镜像
  • 第四行是 npm下载镜像

2.nvm -v 查看是否已安装完成

image.png

正确显示版本地址,说明安装完成

3. nvm安装nodejs

安装node.js之前要确保setting文件中配置的路径文件夹是存在的

nvm list available 显示可下载版本的部分列表

image.png

nvm 下载指定版本node

**nvm install 18.12.0

安装完成后node.js文件夹会增加一个快捷方式

image.png

  1. nvm use 切换node版本。(如果报错,用管理员身份打开重新 nvm use 你指定的版本)

nvm use 16.14.0

nvm list 查看当前已安装的node.js版本,带*号的是正在使用的

image.png

image.png

node版本升级后,如何升级node版本?

npm-check -u 检测可升级的版本

空格选择需要升级的版本,回车 即可升级版本

遇到报错的依赖,把依赖单独拉出来,最后单独安装

  1. 删除某node.js版本

nvm uninstall node版本号 //例如:nvm uninstall 16.14.0)即可删除对应版本

  1. 比如我现在安装的是 v16.14.0 版本。

image.png

文件内部是

image.png

node_modules内部是这样的 image.png

修改npm镜像源为淘宝镜像,加快npm包的下载速度,减少发生连接错误和超时的概率。

npm config set registry registry.npmmirror.com

检查是否设置淘宝镜像成功(会返回这个地址表示成功:registry.npmmirror.com)

npm config get registry

查看npm 配置

npm config list 查看npm所有配置(全局缓冲文件、地址、nodejs安装路径等)

image.png

npm config set registry 设置npm地址

npm config get registry 获取npm地址

二、环境变量配置

首先创建"node_global"“node_cache”两个文件夹进行全局安装的时候安装对应的库到这两个文件。 在nvm的 nodejs 安装路径 D:\nvm 新建两个文件夹命名为 "node_global"“node_cache”

image.png

  1. 打开cmd命令行工具,输入以下两句操作(两个路径就是新建上面两个文件夹的路径,主要目的是方便后面window机器使用方便)

npm config set prefix "D:\nvm\node_global"

npm config set cache "D:\nvm\node_cache"

执行成功就无任何响应,没有异常的话,就在去到 环境变量设置处。

我的电脑右键 =》属性 =》高级系统设置 =》系统属性(高级)=》 环境变量,进入环境变量对话框。

如果环境变量未正确配置,输入node -v 会报错,系统将无法正确识别"node"命令。

需要我们设置的地方有两个:

1. 系统环境变量新增

确保如下变量已配置 image.png

path变量编辑 添加 ; 键入 nvm环境变量 image.png

2. 用户变量修改 path 变量

image.png

这两个变量会自动手动 生成,如果不存在手动添加 image.png

可以看到 NVM_HOMENVM_SYMLINK值和我们之前配置nvm中的setting.txt文件配置的rootpath值相吻合。

  1. 点击确定后配置完成。

  2. 全局安装vue与cnpm

npm i cnpm -g

cnpm config set registry registry.npmmirror.com ---设置cnpm镜像地址

cnpm config get registry 获取cnpm镜像地址

使用cnpm安装vue

cnpm i vue-cli -g

  1. pnpm安装

pnpm config set cache-dir=D:\nvm\node_cache 设置缓冲路经

pnpm config set global-dir=D:\nvm\node_global 设置全局安装路经

state-dir=D:\nvm\nodejs\pnpm store-dir=D:\nvm\nodejs\pnpm

npm install pnpm -g

pnpm config list

pnpm i

安装完成后在全局node_global 文件夹中 可看到。 image.png