nvm安装nodejs详解

资深bug开发工程师

已于 2024-04-08 16:01:07 修改

阅读量2.6k

点赞数 3

文章标签： node.js vue.js

于 2020-11-20 19:23:27 首次发布

本文链接：https://blog.csdn.net/Sple_xiaom/article/details/109860300

版权

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

附 Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
  Vue: 
    - Vue 2.x.x: Webpack 3.x + Vue Loader 14.x 
    - Vue 3.x.x: Webpack 4.x + Vue Loader 15.x 
  Vue CLI: 
    - Vue CLI 2.x.x: Webpack 3.x + Vue Loader 13.x 
    - Vue CLI 3.x.x: Webpack 4.x + Vue Loader 14.x 
  Webpack: 
    - Webpack 1.x.x: Vue Loader 8.x 
    - Webpack 2.x.x: Vue Loader 10.x 
    - Webpack 3.x.x: Vue Loader 13.x 
    - Webpack 4.x.x: Vue Loader 14.x 
  Webpack CLI: 
    - Webpack CLI 2.x.x: Webpack 3.x.x or lower 
    - Webpack CLI 3.x.x: Webpack 4.x.x or higher