美文网首页
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

    相关文章

      网友评论

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

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