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 查看是否已安装完成
正确显示版本地址,说明安装完成
3. nvm安装nodejs
安装node.js之前要确保setting文件中配置的路径文件夹是存在的
nvm list available 显示可下载版本的部分列表
nvm 下载指定版本node
**nvm install 18.12.0
安装完成后node.js文件夹会增加一个快捷方式
nvm use切换node版本。(如果报错,用管理员身份打开重新nvm use你指定的版本)
nvm use 16.14.0
nvm list 查看当前已安装的node.js版本,带*号的是正在使用的
node版本升级后,如何升级node版本?
npm-check -u 检测可升级的版本
空格选择需要升级的版本,回车 即可升级版本
遇到报错的依赖,把依赖单独拉出来,最后单独安装
- 删除某node.js版本
nvm uninstall node版本号 //例如:nvm uninstall 16.14.0)即可删除对应版本
- 比如我现在安装的是 v16.14.0 版本。
文件内部是
node_modules内部是这样的
修改npm镜像源为淘宝镜像,加快npm包的下载速度,减少发生连接错误和超时的概率。
npm config set registry registry.npmmirror.com
检查是否设置淘宝镜像成功(会返回这个地址表示成功:registry.npmmirror.com)
npm config get registry
查看npm 配置
npm config list 查看npm所有配置(全局缓冲文件、地址、nodejs安装路径等)
npm config set registry 设置npm地址
npm config get registry 获取npm地址
二、环境变量配置
首先创建"node_global" 和 “node_cache”两个文件夹进行全局安装的时候安装对应的库到这两个文件。 在nvm的 nodejs 安装路径 D:\nvm 新建两个文件夹命名为 "node_global" 和 “node_cache”。
- 打开cmd命令行工具,输入以下两句操作(两个路径就是新建上面两个文件夹的路径,主要目的是方便后面window机器使用方便)
npm config set prefix "D:\nvm\node_global"
npm config set cache "D:\nvm\node_cache"
执行成功就无任何响应,没有异常的话,就在去到 环境变量设置处。
我的电脑右键 =》属性 =》高级系统设置 =》系统属性(高级)=》 环境变量,进入环境变量对话框。
如果环境变量未正确配置,输入node -v 会报错,系统将无法正确识别"node"命令。
需要我们设置的地方有两个:
1. 系统环境变量新增
确保如下变量已配置
path变量编辑 添加 ; 键入 nvm环境变量
2. 用户变量修改
path变量
这两个变量会自动手动 生成,如果不存在手动添加
可以看到 NVM_HOME和NVM_SYMLINK值和我们之前配置nvm中的setting.txt文件配置的root和path值相吻合。
-
点击确定后配置完成。
-
全局安装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
- 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 文件夹中 可看到。