nvm安装详细教程(安装nvm、node、npm、cnpm、yarn及环境变量配置)

一、安装nvm

1. 下载nvm

点击 网盘下载 进行下载

2、双击下载好的 nvm-1.1.12-setup.zip 文件
3.双击 nvm-setup.exe 开始安装
4. 选择我接受,然后点击next
5.选择nvm安装路径,路径名称不要有空格,然后点击next
6.node.js安装路径,然后点击next
7.点击Install
8.点击Finish,完成安装

二、nvm修改镜像源

  • win + R ,输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹
  • 在文件管理器地址栏输入root地址 ,找到setting.txt文件并打开
  • 复制粘贴以下代码,如图所示。保存完成nvm源修改。
  • node_mirror: https://npmmirror.com/mirrors/node/
    npm_mirror: https://npmmirror.com/mirrors/npm/

三、nvm常用命令

  • nvm install <version>:安装指定版本的 Node.js。
    nvm use <version>:切换到指定版本的 Node.js。
    nvm ls:列出已安装的所有 Node.js 版本。
    nvm alias <name> <version>:给指定版本创建别名。
    nvm run <version> <script>:在指定版本下运行脚本。
    nvm current:显示当前正在使用的 Node.js 版本。
    nvm uninstall <version>:卸载指定版本的 Node.js。

四、nvm配置环境变量

  • 环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->
  • 确认与如下配置保持一致(默认nvm安装成功后,会自动生成)
  • win + R ,输入cmd ,回车后,在命令行输入nvm -v 命令,返回版本号,证明配置成功。

五、安装nodejs及环境变量配置

1.通过nvm安装node
  • 查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)
  • nvm list available
  • 安装指定的版本:nvm install 10.23.0
  • 查看安装的所有版本:nvm list nvm ls
  • 进入或切换版本:nvm use 18.15.0
  • 安装成功后会成对应的文件夹,如下图所示
  • 检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本
2.node环境变量配置
(1) 配置全局安装的模块路径和缓存路径
  • 首先在NVM的安装目录新建两个文件夹 node_globalnode_cache

  • 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)

  • npm config set prefix "D:\software\nvm\node_global"
    npm config set cache "D:\software\nvm\node_cache"

  • (2)设置用户变量

    【用户变量】中的path变量,%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有,新建进去。

    如果有C:\Users\用户名\AppData\Roaming\npm,则将其修改为D:\software\nvm\node_global(刚刚新建node_global文件夹的位置),如果没有就自己新建D:\software\nvm\node_global,总之保证有以下图片中内容

  • 新建环境变量 NODE_PATH,值为D:\software\nvm\node_global\node_modules,其中D:\software\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹
3.测试
  • 全局安装最常用的 express 模块 进行测试
  • npm install express -g
  • 完成后会得到一个express的文件
4.设置淘宝的镜像并查看

六、全局安装cnpm

  • cnpm 本身就是国内的 因此无需配置镜像

  • npm install -g cnpm --registry=https://registry.npmmirror.com/

  • npm install -g cnpm

  • 查看cnpm版本

  • cnpm -v

    npm list cnpm -g

七.全局安装yarn

  • 1.yarn安装
  • npm install yarn -g
2.设置淘宝的镜像并查看

八、笔者的安装目录结构

相关推荐
索然无味io30 分钟前
XML外部实体注入--漏洞利用
xml·前端·笔记·学习·web安全·网络安全·php
m0_7482329244 分钟前
ERROR:This version of pnpm requires at least Node.js vXXX 的解决方案
node.js
ThomasChan1231 小时前
Typescript 多个泛型参数详细解读
前端·javascript·vue.js·typescript·vue·reactjs·js
爱学习的狮王1 小时前
ubuntu18.04安装nvm管理本机node和npm
前端·npm·node.js·nvm
东锋1.31 小时前
使用 F12 查看 Network 及数据格式
前端
zhanggongzichu1 小时前
npm常用命令
前端·npm·node.js
anyup_前端梦工厂1 小时前
从浏览器层面看前端性能:了解 Chrome 组件、多进程与多线程
前端·chrome
chengpei1471 小时前
chrome游览器JSON Formatter插件无效问题排查,FastJsonHttpMessageConverter导致Content-Type返回不正确
java·前端·chrome·spring boot·json
我命由我123452 小时前
NPM 与 Node.js 版本兼容问题:npm warn cli npm does not support Node.js
前端·javascript·前端框架·npm·node.js·html5·js
每一天,每一步2 小时前
react antd点击table单元格文字下载指定的excel路径
前端·react.js·excel