关于两个项目用的不是同一个node的解决 办法

news/2024/10/21 3:45:36/

问题描述:

        两个前端项目,使用的不是同一个版本的node 和npm ,导致总有一个项目启动不了,如何解决这个问题呐?

 解决工具:

  • nvmnode 版本管理器,也就是说:一个 nvm 可以管理多个 node 版本(包含 npm 与 npx),可以方便快捷的 安装切换 不同版本的 node

  • node:是一个基于 Chrome V8 引擎的 JS 运行环境。

  • npm:是 node.js 默认的包管理系统(用 JavaScript 编写的),在安装的 node 的时候,npm 也会跟着一起安装,管理 node 中的第三方插件。

所以我们要使用的就是nvm,nvm 可以下载,切换不同版本的node 和npm ,当前项目使用哪个node 版本,我们就可以切换到哪个版本。当然,切换不同的 node 版本,npm 与 npx 的版本也会跟着变化。

nvm安装教程:

         1,先将以前下载的nodeJs 目录删除掉。

打开cmd,输入where node查看当前的node安装在哪个文件夹下,打开文件夹后将node.exe所在的文件夹内容全部删除

        2,安装nvm管理工具

Releases · coreybutler/nvm-windows (github.com)icon-default.png?t=N4P3https://github.com/coreybutler/nvm-windows/releases        打开上面链接之后,下载压缩包安装nvm

         3,安装nvm管理工具

                将上面的.zip 压缩包解压后,会出现nvm-setup.exe,双击安装,并选择自己的安装目录即可。有两次选择安装目录的时候,如下图,第一张图是选择nvm 安装目录,第二张图是选择nodeJs 安装目录(上面咱们已经把nodejs 的相关文件都删了,这次安装新的)

 

 

         4,设置node下载源为淘宝源

        为了下载nodeJS 速度更快,进入nvm安装目录 D:\software\web\nvm,编辑settings.txt文件,在文件最后增加一下内容

 

 

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

5 检查刚刚安装的nodejs文件夹是否存在,如果不存在,手动创建。

 6,在nodejs文件夹下创建两个文件夹,node_global 和 node_cache

 

7,然后使用cmd执行下面两条命令来修改npm全局安装包和缓存的位置

# 设置npm 缓存位置
npm config set cache=D:\SoftWare\nvm\nodejs\node_cache
# 设置npm 安装依赖包的位置
npm config set prefix=D:\SoftWare\nvm\nodejs\node_global
# npm 设置淘宝镜像源
npm config set registry http://registry.npm.taobao.org
# 安装一个npm依赖测试,发现安装到了D:\SoftWare\nvm\nodejs\node_global\node_modules目录下
npm i express -g

8,设置环境变量

 

系统变量中的path

 9,测试nvm 是否安装成功,使用nvm安装一个nodeJS 版本,使用管理员方式打开cmd

# 检查nvm是否安装成功,若不成功,请按照环境变量章节配置环境变量
nvm -v
# 安装nodejs 10.15.0版本
nvm install 10.15.0
# 使用nodejs 10.15.0版本,nodejs文件夹会变为快捷方式
nvm use 10.15.0
# 检查npm 是否安装成功
npm -v

yarn 安装

        Yarn 是一款 JavaScript 的包管理工具(npm 的代替方案),在 Yarn 的官网有着一句话:Safe, stable, reproducible projects

正如 Yarn 官网的介绍,Yarn 的具有速度快安全可靠 的优点,在功能上相比于 npm 优化了许多功能等,例如网络性能优化,安装依赖的方式相同等功能。具体可以参考Yarn 中文网。

        1,安装命令

npm install -g yarn

        2,查看yarn版本

yarn -v

        3,查看yarn缓存目录

yarn cache dir
默认是c盘,我这里是C:\Users*\AppData\Local\Yarn\Cache\v6  或者C:\Users*\AppData\Local\Yarn\Cache\v4

        4,清空yarn缓存

# 清除所有缓存
yarn cache clean
# 清除某个模块缓存
yarn cache clean **

        5,设置缓存目录

# 不知道有啥用,可以不设置
yarn config set cache-folder D:\software\web\YarnCache
yarn config set global-folder D:\software\web\YarnCache
# 检测是否设置成功
yarn cache dir

         6,yarn设置国内源

# 查看当前的源:https://registry.yarnpkg.com
yarn config get registry
# 将源设置为淘宝源
yarn config set registry https://registry.npm.taobao.org/

nvm常用命令

# 查看npm 全局安装地址
npm config get prefix
# 查看 npm 缓存位置
npm config get cache
# npm查看当前安装源
npm get registry

http://www.ppmy.cn/news/106506.html

相关文章

企业级信息系统开发——Spring Boot加载自定义配置文件

文章目录 一、使用PropertySource加载自定义配置文件(一)创建Spring Boot Web项目ConfigDemo01(二)创建自定义配置文件(三)创建自定义配置类(四)编写测试方法(五&#xf…

Flutter的手势识别功能实现GestureDetector

GestureDetector简介 GestureDetector 是 Flutter 中一个非常常用的小部件,它提供了许多手势识别的功能,包括点击、双击、长按、拖动、缩放等等。 使用方法 GestureDetector 可以包裹其他部件,当用户在这些部件上进行手势操作时&#xff0…

一文搞懂激活函数(Sigmoid/ReLU/LeakyReLU/PReLU/ELU)

深度学习算法之前的机器学习算法,并不需要对训练数据作概率统计上的假设;但为了让深度学习算法有更好的性能,需要满足的关键要素之一,就是:网络的输入数据服从特定的分布: 数据分布应该是零均值化的&#…

巧计口诀-软件测试的生命周期,黑盒测试设计方法

又到了找工作的日子,背诵这些基本知识和概念又开始了。我找到一个好办法背诵这些方法: 软件测试的生命周期是“分级设编执评” ,这样理解啊:“有个公司啊,要施行分级设计编制,就要执行评估了,大…

好用的自动化框架-Allure

概述 报告主要包含总览、类别、测试套件、图表、时间刻度、功能、包等7大部分,支持自定义诸多信息,包括附件添加、缺陷链接、案例链接、测试步骤、Epic、Feature、Story、Title、案例级别等,相当强大。 allure与pytest的结合使用可以呈现完…

golang 协程的实现原理

核心概念 要理解协程的实现, 首先需要了解go中的三个非常重要的概念, 它们分别是G, M和P, 没有看过golang源代码的可能会对它们感到陌生, 这三项是协程最主要的组成部分, 它们在golang的源代码中无处不在. G (goroutine) G是goroutine的头文字, goroutine可以解释为受管理的…

优化版本 穿越火线(CF) FPS AI 自瞄 代码 权重 数据集(下面有链接)

更新初衷 本人在制作过程中,有一些爱钻研的朋友来问以及提出增加一些新的功能点回会更好,本着学习研究态度,在第一个版本上进行优化,增加一些内容 不喜欢看过程的小伙伴直接看最下面 界面 解决问题: 1、进入慢 2、无…

知识变现海哥:知识付费小程序的10大坑

知识付费小程序十个坑你不要掉进去, D一,小程序付费内容要全 电子书、PPT、音频、视频都要包含,现在很多付费内容只包含视频,这种小程序不能购买的。 D二,付费内容有试学功能 只有通过试用、试学给用户建立信任&…