NVM实现Node多版本管理(搭建vue-cli、nodejs、webpack架子)

 

 

使用nvm进行node多版本管理

使用nvm的原因

定时开发项目和个人项目时,因为定制项目比较旧,Node版本比较低,但是自己做的项目需要比较新的包,10以上的版本,所以就需要在同一台机器上安装多个版本的Node。

前置:完全卸载node、vue-cli、webpack

如何完全卸载百度一下你就知道。

1.安装nvm

1.1 下载

地址:https://github.com/coreybutler/nvm-windows/releases

 

1.2 安装nvm

1) 接受许可,点击next

2) 选择安装目录,安装位置不能有空格

3) 配置nodejs安装目录

4) 准备安装

5) 安装完成页

6) 查看nvm的版本

命令:nvm -v

2 使用nvm安装node

2.1 查看可用的node版本

命令:nvm ls available

2.2 选择官方推荐的版本进行安装:

命令:nvm install 12.19.0

2.3 使用指定版本Node 

 

2.4 在nvm中安装完node,列出本地已安装的Node版本

  • 卸载指定版本Node

     命令:nvm uninstall  12.19.0

 

2.2 配置全局node_global

  • 安装目录下创建:D:\software\nodejse创建 node_global 和 node_cache 文件夹

  • 配置node_global及node_cache(缓存区)

命令1:npm config set prefix "D:\software\nodejs\node_cache"

命令2:npm config set prefix "D:\software\nodejs\node_global"

  • npm系统变量配置

如果不配置环境变量,在命令行输入node -v 和npm -v 报错

1)变量名:NPM_HOME,值:D:\software\nodejs\node_global

2)把%NPM_HOME%追加到Path变量中

 

  • 验证配置

 

 

 

3. 安装vue-cli 2.96

4.安装webpack和webpack-cli

4.使用vue-cli创建项目

 

5.多个版本的安装与测试

  • 查看当前高版本(node和npm)

 

  • 查看当前已使用的node版本

  • 安装低版本的node

 

  • nvm中安装完低node,列出本地已安装的Node版本

 

  • 安装完低版本,查看node和npm版本

 

  • 从高版本切换到低版本

 

  • 查看当前node版本

 

 

5.nvm常用命令整理

序号命令说明备注
1nvm ls available查看可用的node版本 
2nvm install  版本号 安装指定版本nvm install 12.19.0
3nvm uninstall 版本号删除已安装的指定版本nvm uninstall 12.19.0
4nvm use 版本号切换使用指定的版本nodenvm use 12.19.0
4nvm ls列出本地已安装的node版本 
5nvm ls-remote 列出所以远程服务器的版本 
6nvm current  显示当前的版本 
7  nvm reinstall-packages在当前版本node环境下,重新全局安装指定版本号的npm包 

1.安装完vue-cli

2.安装完webpack

3.安装完web-cli

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页