首页 > 编程语言 >前端开发进行node版本控制,npm镜像切换

前端开发进行node版本控制,npm镜像切换

时间:2024-09-16 15:19:43浏览次数:14  
标签:node npm 版本控制 版本 nvm 安装 环境变量

        随着前端接触的项目越来越多,每个项目开发所需要的node版本可能不一样,由于来回进行卸载不同版本的node比较麻烦;所以需要使用node工程多版本管理,也就是nvm来管理node。
        文章基于 windows环境 使用nvm安装多版本nodejs。mac可能不适用。

        注意:安装nvm时不能安装任何node版本(如存在请删除后再安装nvm),再检查环境变量,如果还有node.js相关也删掉,保证系统无任何node.js 残留。
        卸载完之后cmd命令行输入 node -v 查看是否还能查到node信息,无的话表示删除干净。

一、卸载node

        如果已经安装了node,那么在安装nvm之前,需要先卸载node,如果没有安装可以直接跳过这一步到下一步了。

        删除前可查当前使用的node版本,方便后续决定使用哪个版本的node。

控制面板 -> 卸载程序 -> 卸载nodejs
为了确保彻底删除node,看下node安装目录中还有没有node文件夹,有的话一起删除。
删除以下文件夹(如果存在的话)
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm
C:\Users{User}\AppData\Roaming\npm-cache
删除C:\Users\用户名 下的 .npmrc文件以及 .yarnrc 文件
环境变量中npm、node的所有相关统统删掉

二、nvm是什么?

        nvm(node.js version management),是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具,为了解决node.js 各种版本存在不兼容现象 可以通过它可以安装和切换不同版本的node.js。【可同时在一个环境中安装多个node.js版本(和配套的npm)】

三、nvm安装

1. 官网下载 nvm 包
        https://github.com/coreybutler/nvm-windows/releases

2. 安装 nvm-setup.exe
        注意安装路径的文件夹名称不要出现中文,空格等,否则后期npm使用的时候会出现符号格式不正确问题。

        继续点击 Next 就行。

3. 检查nvm是否安装完成
        win + R,调用cmd,输入nvm,出现下面这一堆就表示安装成功了。

        如果安装不成功,查看之前自己安装的 node.js 有没有彻底删除、安装nvm过程中有没有漏掉什么,可重新卸载再安装一次nvm包。

四、使用nvm安装node版本

        win + R,调用cmd

        安装完成后开始插入nodejs首先使用 nvm list available 查询可插入版本号,LST表示可插入稳定版本。【如未指定版本,建议安装LTS下的版本】

        安装指定node.js版本
                nvm install 16.14.0
        nvm use 切换node版本。(如果报错,用管理员身份打开重新 nvm use 你指定的版本)
                nvm use 16.14.0
        安装完成后可以分别输入命令行 node -v 和 npm -v,检验node.js以及对应npm是否安装成功

         nvm list 或者 nvm ls 查看当前已安装的node.js版本,带*号的是正在使用的

        删除某node.js版本
                nvm uninstall node版本号  //例如:nvm uninstall 16.14.0)即可删除对应版本

五、修改npm默认镜像源为淘宝镜像

        修改npm镜像源为淘宝镜像,加快npm包的下载速度,减少发生连接错误和超时的概率。

                npm config set registry https://registry.npmmirror.com
        检查是否设置淘宝镜像成功(会返回这个地址表示成功:https://registry.npmmirror.com)

                npm config get registry
        关于使用 淘宝镜像 https://registry.npm.taobao.org 报错的问题

        是因为从 2024 年1 月 22 日,淘宝原镜像域名(registry.npm.taobao.org)的 HTTPS 证书正式到期,这就导致旧的 npm 淘宝镜像在使用时出错了,所以遇到上述问题,或者还在使用旧的 npm 淘宝镜像,直接将 npm 源切换到新的源即可,文章链接:技术资讯:npm 淘宝镜像正式到期,赶紧更新!

        1. 清空缓存
                npm cache clean --force
        2. 切换新源
                npm config set registry https://registry.npmmirror.com

六、 环境变量配置

        1. 设置系统变量和用户变量的作用是什么呢?
                答:为了命令行安装包时,将包安装到自己设置的目录下。

        2. 配置步骤
                1)新增俩文件夹
                首先创建"node_global" 和 “node_cache”两个文件夹进行全局安装的时候安装对应的库到这两个文件。
                在nvm的 nodejs 安装路径 C:\Program Files\nodejs 新建两个文件夹命名为 "node_global" 和 “node_cache”。
                打开cmd命令行工具,输入以下两句操作(两个路径就是新建上面两个文件夹的路径,主要目的是方便后面window机器使用方便)
                npm config set prefix "C:\Program Files\nodejs\node_global"
                npm config set cache "C:\Program Files\nodejs\node_cache"
        执行成功就无任何响应,没有异常的话,就在去到 环境变量设置处。

        2)设置环境变量
        我的电脑右键 =》属性 =》高级系统设置 =》系统属性(高级)=》 环境变量,进入环境变量对话框。

        如果环境变量未正确配置,输入node -v 会报错,系统将无法正确识别"node"命令。

        需要我们设置的地方有两个:

        1. 系统环境变量新增 NODE_PATH 变量
        2. 用户变量修改 path 变量

        在【系统变量】新建环境变量 NODE_PATH 值为

                C:\ProgramFiles\nodejs\node_global\node_modules,
        其中C:\Program Files\nodejs\node_global\node_modules 就是上面创建的全局模块安装路径文件夹。
        修改 【用户变量】中的 path 变量
        这里我其实没有修改或者增加什么变量,是安装时候默认添加的。
        另外下载完 nvm 之后,系统环境变量和用户环境变量会默认帮我们配置好 NVM_HOME 和 NVM_SYMLINK

        可以看到 NVM_HOME和NVM_SYMLINK值和我们之前配置nvm中的setting.txt文件配置的root和path值相吻合。

        点击确定后配置完成。

七、测试安装全局模块

        测试是否环境变量是否配置成功,在cmd窗口中输入以下指定全局安装express模块,安装成功的话表示环境变量配置成功。

                npm install -g express

九、卸载nvm

        先删除你当初所安装的nvm、nodejs的文件夹即可。

        桌面右键 此电脑 – 点击属性 – 找到高级系统设置 – 环境变量。
        删除用户变量 和 系统变量中名为 NVM_HOME 和 NVM_SYMLINK 两个变量。其他的不要改。

        删除用户变量和系统变量中path中的 %NVM_HOME%,%NVM_SYMLINK% 两个属性,还有c盘中的node_cache,node_global,其他的不要改。

标签:node,npm,版本控制,版本,nvm,安装,环境变量
From: https://blog.csdn.net/m0_56344834/article/details/142282109

相关文章

  • Debian安装nvm管理node
    1.更新包sudoaptupdate2.安装nvmcurl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh|bash3.关闭并重新打开终端或者运行以下命令来启用nvm:exportNVM_DIR="$HOME/.nvm"[-s"$NVM_DIR/nvm.sh"]&&\."$NVM_DIR/nvm.sh&quo......
  • 阅读周·深入浅出的Node.js | 代码测试,开发者掌握代码的行为和性能的极佳思路
    背景去年下半年,我在微信书架里加入了许多技术书籍,各种类别的都有,断断续续的读了一部分。没有计划的阅读,收效甚微。新年伊始,我准备尝试一下其他方式,比如阅读周。每月抽出1~2个非连续周,完整阅读一本书籍。这个“玩法”虽然常见且板正,但是有效。已读完书籍:《架构简洁之道》。当前阅读......
  • 基于Node.js+vue基于开源工作流的自来水业扩报装系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着城市化进程的加速和居民生活质量的提升,自来水业作为城市基础设施的重要组成部分,其服务质量与效率直接关系到民众的生活品质与城市的发展速度。然而,传统......
  • 基于Node.js+vue智慧医疗系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着科技的飞速发展,医疗领域正经历着前所未有的变革。传统医疗模式在面对日益增长的医疗需求、资源分配不均以及患者个性化服务要求时显得力不从心。智慧医......
  • 基于Node.js+vue基于Springboot的手机电商网站(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,电子商务已成为人们日常生活中不可或缺的一部分,特别是在移动互联网的普及下,手机电商以其便捷性、实时性和广泛覆盖性迅速崛起。传......
  • 基于Node.js+vue基于Vue的社区拼购商城(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,电子商务已成为人们日常生活中不可或缺的一部分。其中,社区拼购作为一种新兴的购物模式,凭借其价格优势、社交互动性和便捷性,迅速赢......
  • linux下安装部署Node
    目录node下载二进制包验证node由于管理后台要求构建工具Node>=12,所以我们就选用最接近此版本的Node-v12.18.3TLS(稳定版本)下载二进制包#!/bin/bashyuminstallgzip-y[-d/data/setup/]||mkdir-p/data/setup/[-d/data/prog/]||mkdir-p/data/prog/......
  • 基于Node.js+vue基于SpingBoot的剧本杀管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景近年来,随着桌游文化的兴起与线上娱乐的蓬勃发展,剧本杀作为一种集角色扮演、逻辑推理与社交互动于一体的新型娱乐方式,迅速在年轻人中走红。然而,传统的剧本杀......
  • 基于Node.js+vue基于springboot社区疫情防控登记系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着全球新冠疫情的持续影响,社区作为疫情防控的第一线,其管理效率与精准度直接关系到疫情传播的控制效果。传统的手工登记、纸质报表等管理方式已难以满足当......
  • 基于Node.js+vue基于springboot的音乐网站管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的飞速发展,数字化娱乐已成为人们日常生活中不可或缺的一部分,音乐作为其中的重要组成部分,其在线消费与分享的需求日益增长。传统的音乐管理方......