一、下载nvm

下载链接：github.com/coreybutler…

nvm-noinstall.zip： 绿色免安装版本，使用前需配置

nvm-setup.zip：下载之后安装，不需要配置，直接就可以用。

Source code(zip)：zip压缩的源码

Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统

二、安装

按照提示完成安装即可，安装完成后 可在命令行输入nvm,检测是否安装成功，如下图出现nvm版本号及nvm相关操作即为安装成功，反之会提示nvm:command not found

三、修改settings.txt

在nvm安装目录中找到settings.txt文件，添加如下代码

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

四、使用

nvm arch [32|64]： 显示node是运行在32位还是64位模式。指定32或64来覆盖默认体系结构。

nvm install [version] [arch]：该可以是node.js版本或最新稳定版本latest。（可选[arch]）指定安装32位或64位版本（默认为系统arch）。设置[arch]为all以安装32和64位版本。在命令后面添加–insecure，可以绕过远端下载服务器的SSL验证。

nvm list [available]：列出已经安装的node.js版本。可选的available，显示可下载版本的部分列表。这个命令可以简写为nvm ls [available]。

nvm on： 启用node.js版本管理。

nvm off： 禁用node.js版本管理(不卸载任何东西)

nvm proxy [url]： 设置用于下载的代理。留[url]空白，以查看当前的代理。设置[url]为none删除代理。

nvm node_mirror [url]：设置node镜像，默认为https://nodejs.org/dist/.。可以设置为淘宝的镜像https://npm.taobao.org/mirrors/node/

nvm npm_mirror [url]：设置npm镜像，默认为https://github.com/npm/npm/archive/。可以设置为淘宝的镜像https://npm.taobao.org/mirrors/npm/

nvm uninstall ： 卸载指定版本的nodejs。

nvm use [version] [arch]： 切换到使用指定的nodejs版本。可以指定32/64位[arch]。

nvm use ：将继续使用所选版本，但根据提供的值切换到32/64位模式

nvm root [path]： 设置 nvm 存储node.js不同版本的目录 ,如果未设置，将使用当前目录。

nvm version： 显示当前运行的nvm版本，可以简写为nvm v

具体步骤：

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

   

2. nvm install 版本号 安装指定node版本

   

3. nvm list 查看已安装的node版本

   

4. nvm use 版本号 切换node版本

   

   命令行一次输入node -v npm -v 出现版本号即为成功

注：

1. 问题一： 当输入nvm list 查看版本号时, 版本号前带 "*" 即为当前node版本 若版本号前均未出现 * 号 表示node版本切换失败，当前没有选中的node 。

   原因：安装nvm前安装过node,我们无法从最开始的node跳转到nvm文件夹里面的node

   解决办法：找到最开始安装的node文件删除 ，在通过nvm的命令选中指定版本 nvm list 版本号 （版本号需为已经通过nvm安装过的版本）

2. 问题二： 使用nvm安装nodeJS之后，node -v命令可以正常使用，但是npm命令一直报“npm不是内部命令”的错误。

   原因：node版本对应的npm可能没有自动安装

   解决办法：npm官网（npm.taobao.org/mirrors/npm…）下载node对应的npm指定版本，手动进行安装

   1)、进入nvm下指定的node版本目录发现目录下没有npm运行文件

   2)、进入node_modules发现文件夹为空

3)、将下载的npm版本解压后文件重命名并复制到node_modules,并将npm中bin目录下的npm以及npm.cmd复制到与node_modules目录同级目录下

此时npm命令即可使用，若不能重新执行nvm use 版本号

五、绿色版安装

1.下载nvm-noinstall.zip

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

2.E盘下创建nvm和nodejs两个文件夹

3.将nvm-noinstall.zip解压到刚创建的nvm目录

4.以管理员身份运行install.cmd，打开的cmd窗口会生成一个sttings.txt文件,修改文件内容：

root: E:\nvm
path: E:\nodejs
arch: 64
proxy: none
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
并保存到nvm目录下。
或者手动设置国内镜像源：
    nvm node_mirror https://npmmirror.com/mirrors/node/
    nvm npm_mirror https://npmmirror.com/mirrors/npm/

5.添加用户环境变量：

​    NVM_HOME     E:\nvm
​    NVM_SYMLINK    E:\nodejs
  修改用户环境变量path，追加%NVM_HOME%、%NVM_SYMLINK%
  添加系统环境变量：
​    NVM_HOME     E:\nvm
​    NVM_SYMLINK    E:\nodejs
  修改系统环境变量path，追加%NVM_HOME%、%NVM_SYMLINK%

6.nvm安装nodejs

  安装指定版本：nvm install v12.22.12
  安装最新版本：nvm install latest
  查看已经安装的nodejs版本：nvm ls
  使用指定版本：nvm use v12.22.12
  查看nodejs版本：node -v

7.配置npm全局模块路径和cache默认位置,打开cmd,分开执行如下命令

​    npm config set cache "E:\nvm\node_cache"
​    npm config set prefix "E:\nvm\node_global"
  由于修改了npm全局模块的路径,我们需要修改
  用户环境变量path,追加E:\nvm\node_global
  系统环境变量path,追加E:\nvm\node_global

8.安装全局npm

　　安装node的时候，npm其实也已经一块儿安装了。由于nvm能够管理多个版本的node，
    若是每次添加一个node版本都要安装一堆的包很麻烦,若是有一个npm能够让各个版本的node共用，
    就不会这么麻烦了，所以要配置一个全局的npm。
 (1)配置用npm下载包时使用全局安装的包路径,这里和配置npm全局模块路径相同
    npm config set prefix "E:\nvm\node_global"
 (2)安装全局npm,不一样的node都使用这个npm,指定npm版本@6.14.16
    npm install -g npm@6.14.16 --registry=https://registry.npm.taobao.org
    想更新全局的npm的话首先删除全局路径(就是(1)命令的路径,也可以使用命令行查看:
    npm config ls)下的npm文件夹,再执行一次这个命令便可

9.安装nrm

  nrm是一个npm源管理器，允许你快速地在npm源间切换
  npm install -g nrm
  或
  cnpm install -g nrm
  查看可选的源
  nrm ls
  切换源，如切换到taobao源
  nrm use taobao

10.安装cnpm，注意版本@6.2.0，和node版本不对应可能会安装出错

  npm install -g cnpm@6.2.0 --registry=https://registry.npm.taobao.org
  验证cnpm -v

11.安装vue脚手架

npm install -g @vue/cli

12.安装webpack，注意版本兼容

  Webpack是一个前端资源的打包工具，vue开发的应用使用webpack打包
  依次安装：
  npm install -g webpack
  npm install -g webpack-cli
  npm install -g html-webpack-plugin
  npm install -g webpack-dev-server

13.其他相关命令

清理npm缓存：npm cache clean --force 清除特定的包的缓存(将<package-name>替换为你想要清除缓存的包的名称)： npm cache clean --force <package-name>

查看镜像的所有版本(如webpack)：npm view webpack versions 检查是否有依赖冲突(如webpack)：npm ls webpack