美文网首页
npm、nrm、nvm的安装和使用

npm、nrm、nvm的安装和使用

作者: h2coder | 来源:发表于2023-08-21 23:48 被阅读0次

npm、nrm、nvm是什么?

npm、nrm、nvm 是 JavaScript 开发中常用的三个工具

  • npm:npm(Node Package Manager)是 Node.js 的包管理器,用于安装、管理、卸载 JavaScript 模块。npm 提供了一个包管理器,使得开发者可以方便地使用第三方模块,同时也可以将自己编写的模块发布到 npm 上供其他人使用

  • nrm:nrm(npm registry manager)是 npm 镜像源管理工具,用于快速地在不同的 npm 源之间切换。在中国大陆,由于网络的原因,npm 的默认源可能会出现下载速度较慢或者无法访问的情况,nrm 可以帮助开发者快速地切换到可用的源,提高包的下载速度

  • nvm:nvm(Node Version Manager)是 Node.js 版本管理工具,可以方便地在同一台机器上安装、管理多个 Node.js 版本。由于不同的项目可能需要使用不同的 Node.js 版本,nvm 可以帮助开发者快速地在不同的 Node.js 版本之间切换,避免版本冲突的问题

npm

概念

NPM 的全称是Node Package Manager,包管理工具。但是实际中, npm 一词有三个含义

  • 网站 是开发者查找包(package)、设置参数以及管理 npm 使用体验的主要途径
  • 注册表 是一个巨大的数据库,保存了每个包(package)的信息
  • CLI 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道

查看 npm 的版本

npm -v

初始化一个npm项目

在目录下运行以下命名,目录中就会 多了一个文件 package.json ,就是 npm 指定的说明书

npm init -y

下载包

npm i 包名称
或
npm install 包名称 

同时下载多个包

将多个包以空格隔开

npm i axios jquery echarts bootstrap 

修改镜像源地址

镜像源,就是下载包的地址,默认是国外,有时候下载非常慢

阿里、腾讯,自己搭建了一个 类似 npm 网站 网站,每隔 10 分钟 ,自动去同步一下国外正版 npm 网站,所以我们可以设置 自己 npm 下载地址,修改为阿里或者腾讯

注:如果使用了nrm的话,就不需要做这个设置了

npm config set registry http://registry.npm.taobao.org

下载包指定的版本

要确保,下载的包的版本存在,以下载echarts的5.3.0版本为例

image.png
npm i echarts@5.3.0

卸载包

npm un axios jquery echarts bootstrap 

批量下载依赖

npm i

yarn

类似 npm 包管理器,可以下载卸载、更新第三方模块,以下是全局安装yarn

npm i yarn -g

nrm

npm可以帮助您轻松快速地在不同的镜像之间切换

安装

全局安装 nrm

npm i -g nrm

使用

  • nrm ls 查看可以用的镜像
  • nrm test 测试镜像的速度
  • nrm use 镜像名称 切换镜像

nvm

nvm是一个 node版本管理工具,拥有它可以轻松的让我们在一台电脑上随时切换node版本

mac 安装

  • 打开终端(Terminal)应用程序。您可以通过在 Spotlight 搜索栏中键入“终端”或通过进入“应用程序”文件夹下的“实用工具”文件夹找到它。
  • 在终端中输入以下命令来安装 Homebrew(如果已经安装,可以跳过),您将需要按照提示提供管理员密码以继续:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  • 安装 nvm
brew install nvm
  • 现在,您需要在 Mac 上创建一个新的终端会话以便 nvm 可以正常工作。在终端中输入以下命令
touch ~/.bash_profile 
  • 现在,您需要将以下内容添加到 .bash_profile 文件中
export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" 
  • 您可以使用以下命令将其添加到文件中
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.bash_profile echo '[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"' >> ~/.bash_profile 

windows 安装

  • 下载好nvm-windows.exe,使用管理员权限,一路下一步,遇到选择安装目录时,尽量选择非C盘的目录,避免出现权限问题!

基本使用

  • nvm -v 查看nvm 版本
  • nvm current 查看当前使用的node 版本
  • nvm list 查看已经下载过的node版本
  • nvm list available 查看可以下载的node版本
  • nvm node_mirror https://npmmirror.com/mirrors/node/ 设置 nvm 下载 node的镜像地址
  • nvm npm_mirror https://npmmirror.com/mirrors/npm/ 设置 nvm 中的npm 的镜像地址
  • nvm install 版本号 安装特定版本的node
  • nvm use 版本号切换特定版本的node
  • nvm uninstall 版本号卸载特定版本的node

常见问题

安装nvm失败,或者use指定指定版本的node,虽然提示成功,但实际没有成功

  • 关闭防火墙-安全防护
  • 关闭杀毒软件
  • 在控制面板中卸载node
  • 将nvm安装在D盘或者E盘的根目录下,nvm的安装过程中,会出现两个安装目录,分别是nvm和 nodejs
    • 如 D:nvm
    • 如 D:nodejs
  • 授予以上2个目录的权限
    • 文件夹属性,取消只读
image.png
- 文件夹属性,选择安全,选择`Authenticated Users`账户,设置为`完成控制`
image.png
  • 使用管理员身份打开cmd,测试nvm是否安装成功,nvm -v
  • 设置nvm中,安装node的镜像地址:nvm node_mirror https://npmmirror.com/mirrors/node/
  • 开始安装node ,nvm install 18.14.1
  • 切换node 版本,nvm use 18.14.1
  • 确认是否成功,出现版本号即为成功,node -v
image.png image.png

相关文章

  • 专业安装 Node 套餐好些年(Mac版)

    不推荐 brew 安装,因为版本管理没有nvm方便。套餐包含(node npm nvm nrm) 一、删除 已安装...

  • vue/cli3 创建项目

    一、使用node和npm 1 、安装 node 自动安装有npm 2、npm i nrm -g 安装nrm 3、n...

  • nvm nrm 常用命令

    nvm nrm nrm是npm源管理工具,可以添加自定义的npm源和切换npm源

  • node版本管理工具nvm和npm

    nvm的安装详解 nvm管理node版本,npm管理node包 npm的使用 npm安装和环境变量设置 安装npm...

  • Vue.js篇<3>-webpack

    npm的使用需要先安装node,npm install nrm 使用nrm ls查看镜像的地址,nrm use n...

  • nrm npm nvm 等jasmine的安装以及初始化

    今天主要是记录一下jasmine的安装与配置 1.首先确认一下npm,nrm,nvm是否全部安装nrm 的安装命令...

  • nrm-管理npm源

    nrm是管理npm源的工具,可以使用npm进行安装 npm install nrm -g 执行nrm ls可以查看...

  • nvm命令安装

    nvm, nodejs和npm 的安装使用 首先安装nvm命令 $ cd ~/git $ git clone...

  • nvm-cmd

    nvm nvm-windows nvm和nodejs安装使用 node -v npm -v nvm list av...

  • nvm,npm,nrm 的安装

    一、nvm的安装和使用 nvm全称 Node Version Manager 是 Nodejs 版本管理器,它让我...

网友评论

      本文标题:npm、nrm、nvm的安装和使用

      本文链接:https://www.haomeiwen.com/subject/tjwymdtx.html