大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm)

这篇具有很好参考价值的文章主要介绍了大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm)

一、卸载旧版本

如果已经安装了node,那么需要先卸载node,如果没有安装那可以直接跳过这一步。
卸载:
  打开控制面板 -> 打开程序和功能 -> 右上角搜索输入node -> 右键卸载

为了确保彻底删除node在看看你的node安装目录中还有没有node文件夹,有的话一起删除。再看看C:\Users\用户名 文件夹下有没有.npmrc以及.yarnrc等等统统删除。再去看看你的环境变量有没有node相关的,有的话也一起删除了。最后再检查一下环境变量设置情况!

二、安装nvm

去github 下载所需要的 nvm 版本,找到 nvm-setup.zip 点击下载
附链接:github下载nvm链接
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
根据自己电脑情况选择nvm安装路径。
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
选择nodejs的安装路径。
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
点击next,安装完成后在终端输入nvm version,能查到版本号说明
安装成功了。

nvm version

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

三、配置路径和下载源

安装完nvm后先不要着急安装node。

找到nvm安装路径 -> 找到 settings.txt 文件 -> 配置下载源
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
加入下面内容:

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

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
ctrl+s保存

四、使用nvm安装node

在终端输入 nvm list available, 查看网络可以安装的版本。

nvm list available

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
选择一个版本安装,比如 nvm install 14.14.0。

nvm install 14.14.0

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
使用这个版本的node,nvm use 14.14.0。输入node -v 和 npm -v可以查询到node和npm的版本号。

nvm use 14.14.0
node -v

输入nvm list 查看已经安装的node,*号表示当前使用的node版本。

nvm list

现在已经安装了18.18.2和14.14.0两个版本
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
如果你像卸载其中的版本号,可以使用nvm uninstall 命令卸载不需要的Node.js版本。

nvm uninstall <version>

五、其它nvm常用命令

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

六、卸载nvm

1、可以通过下面方式卸载或找到nvm安装路径,直接将文件删掉。
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
2、删除nvm环境变量配置(环境变量是在安装时候自动生成的)。
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

七、全局安装npm、cnpm

安装node的时候,npm其实也已经一起安装了。因为nvm可以管理多个版本的node,如果每次添加一个node版本都要安装一堆的包很麻烦,如果有一个npm可以让各个版本的node共用,就不会这么麻烦了。

下面几步就可以配置一个全局的npm。(都是管理员身份运行命令提示符运行命令)
1.npm config set prefix “E:\nvm\npm” //配置用npm下载包时全局安装的包路径。路径换成自己的就可以

npm config set prefix "E:\nvm\npm" 

2.npm install npm -g --registry=https://registry.npm.taobao.org //安装全局npm,不同的node都使用这个npm。

npm install npm -g --registry=https://registry.npm.taobao.org //

注意:这里如果想更新全局的npm的话首先删除全局路径下的npm(就是上一行命令的地址,可以使用npm config ls查看设置情况),再执行一次这个命令即可。

3.在用户变量中添加 NPM_HOME = E:\nvm\npm,path中添加%NPM_HOME%。这里需要注意的是,%NPM_HOME%要添加在%NVM_SYMLINK%之前,避免npm访问到的是nodejs中自带的npm包管理工具。

最后设置完成的环境变量截图:
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

使用淘宝镜像cnpm。
1.npm install -g cnpm --registry=https://registry.npm.taobao.org //使用淘宝镜像cnmp替代npm

npm install -g cnpm --registry=https://registry.npm.taobao.org //

注意:这里的nvm版本不能太低,否则会报错:

ERROR: npm v10.2.5 is known not to run on Node.js v14.14.0.  
This version of npm supports the following node versions: `^18.17.0 || >=20.5.0`. You can find the latest version at https://nodejs.org/.

错误信息提示目前版本太低,支持18.17.0及以上版本。
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

我们就下载18.18.2的版本就可以了

nvm install 18.18.2

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
下载完之后要通过nvm use命令切换到高版本

nvm use 18.18.2

*号代表现在使用的版本号为18.18.2
大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue

记住!在使用 nvm 切换 Node.js 版本时,需要打开一个新的终端窗口来确保新的 Node.js 版本生效。

我们新建一个终端再接着在运行命令

npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm install -g cnpm --registry=https://registry.npm.taobao.org

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
安装成功!

2.cnpm config get registry //验证cnpm是否可用

cnpm config get registry

大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm),Vue,H5前端开发,大数据,大数据,vue.js,npm,前端,架构,运维,vue
验证信息成功!到这里我们nvm基本配置工作就完成了,

后面有时间和精力会分享更多关于大数据领域方面的优质内容,感谢各位的喜欢与支持!文章来源地址https://www.toymoban.com/news/detail-758684.html

到了这里,关于大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端环境安装【mac/window,nvm,node,npm,yarn,react】

    目录 nvm:node版本管理器 安装 window mac 常见命令 Node、npm yarn React a.全局方式 b.临时方式 运行 nvm 主要是用来管理 nodejs 和 npm 版本的工具,可以用来切换不同版本的 nodejs。 安装nvm之前先卸载node Mac彻底卸载node Windows系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z window mac n

    2024年01月18日
    浏览(76)
  • 使用工具 NVM来管理不同版本的 Node.js启动vue项目

    使用工具如 NVM(Node Version Manager)来管理不同版本的 Node.js。NVM 允许你在同一台计算机上安装和切换不同版本的 Node.js。以下是一些步骤,以便同时在你的系统中安装两个 Node.js 版本: 安装 NVM: 首先,你需要安装 NVM。你可以在 NVM GitHub 页面 找到安装说明。 安装 Node.js: 使用

    2024年02月04日
    浏览(66)
  • 前端环境安装【mac/window,nvm管理多个版本node,node,npm,yarn,react】

    目录 nvm:node版本管理器 安装 window mac 常见命令 Node、npm yarn React a.全局方式 b.临时方式 运行 nvm 主要是用来管理 nodejs 和 npm 版本的工具,可以用来切换不同版本的 nodejs。 安装nvm之前先卸载node Mac彻底卸载node Windows系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z window mac n

    2024年01月16日
    浏览(101)
  • 2. Windows 10 - Nvm - node版本管理工具的安装、配置/全局配置(自动切换)、卸载方法 - 安装cnpm报错与解决方法 - 已安装 Node不卸载的方法

    1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点 - 1 下载地址:传送门 0 下载地址 1.1.10 版本:传送门 1 nvm 1.1.11 版本 资源下载链接:传送门 2 这里需要注意配置环境变量,如果都配置了 PC 的用户变量 和系统变量,那么就会优先使用 PC 的用户变量。 之前选择的路

    2024年02月05日
    浏览(172)
  • Nginx安装、卸载教程(含Window、Linux版、Docker版)

    目录 一、下载 二、Linux版安装 2.1 编译安装之前 2.2 编译安装 2.3 启动Nginx 2.4 关于防火墙 2.5 安装成系统服务 三、Linux版卸载(彻底) 3.1 检查一下Nginx服务是否在运行 3.2 停止Nginx服务 3.3 查找、删除Nginx相关文件 3.4 再使用yum清理 四、Docker安装Nginx 五、如何通过nginx访问我们

    2024年02月12日
    浏览(57)
  • docker持久化部署vue前端nodejs后端项目-- 01. docker以及docker-compose在window以及linux的安装

    本章节主要来讲述docker desktop 界面版本使用以及docker-compose 的安装和使用 GIT地址:添加链接描述 docker 专栏:点击此处 章节 1 docker以及docker-compose在window以及linux的安装 2 项目对应的docker-compose结构 3 怎么将docker-compose项目部署到服务器上 4 配置服务器JENKINS环境 额外篇 章节

    2024年02月04日
    浏览(50)
  • 前端同学必备:教你如何安装、使用Chrome的vue-devtools插件

    Vue-devtools是一个Chrome浏览器插件,它是一个浏览器调试工具,用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试,可以更好地了解应用程序的结构和状态,以及帮助快速修复代码错误。 Vue-devtools插件的作用和优势如下: 1. 调试Vue.js应用程序:Vue-devtools是一个强大的调

    2024年04月25日
    浏览(43)
  • 数据中台系列2:rabbitMQ 安装使用之 window 篇

    RabbitMQ 是一个开源的消息队列系统,是高级消息队列协议(AMQP)的标准实现,用 erlang 语言开发。 因此安装 RabbitMQ 之前要先安装好 erlang。 1、安装 erlang 到 这里 下载本机能运行的最新版 erlang 安装包。如果本机没有装过 window 的 dll 库它会自动下载安装,因为是从网上下载好

    2024年02月14日
    浏览(49)
  • window10 使用docker 本地安装部署mongodb数据库

    一、window10 安装docker 可以参看笨鸟教程【Windows Docker 安装】 安装完后的Docker Desktop是这个样子: 原始的docker镜像拉取仓库速度较慢,为了方便docker拉取镜像,可以设置国内的加速镜像,如:阿里 云、有道等【镜像加速】: 二、docker下载运行mongodb镜像 1 直接在 windows powerShel

    2024年02月03日
    浏览(46)
  • nvm 卸载详细流程

    卸载 nvm 然后看下 二、手动方式安装的 中的配置文件剔除 nvm 相关配置。 进入文件夹删除 nvm 然后在移除掉当前使用的 Shell 切换解释器配置文件中属于 nvm 的配置。 配置文件包含: ~/.profile 、 ~/.bash_profile 、 ~/.zshrc 、 ~/.bashrc ,这里以 zsh 解释器的 ~/.zshrc 配置文件举例: 然后

    2024年02月12日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包