前端——Windows安装NVM(下载与使用)

一、前言

  • 今天,因为需要做前端项目,然而需要node版本是18以上的,然而我目前是v16.16.0
  • 而且,我也需要目前的版本,然后在b站上面看见了nvm版本控制这个好东西
  • 感谢老师们的分享!

使用nvm控制node版本【渡一教育】_哔哩哔哩_bilibili使用nvm控制node版本【渡一教育】, 视频播放量 1941、弹幕量 1、点赞数 68、投硬币枚数 8、收藏人数 105、转发人数 4, 视频作者 渡一机构, 作者简介 育人为渡,经久如一 如需课程配套学习资料、源码、工具安装包私信up主~,相关视频:宽度适应内容【渡一教育】,你真的会写注释吗?【渡一教育】,最后一次谈响应式【渡一教育】,来了来了,九分钟的无缝轮播图实现代码【渡一教育】,CSS是你永远学不会的语言【渡一教育】,Proxy比defineProperty到底好在哪【渡一教育】,2024新版Java面试题310问,带你金三银四快速通关,一周天背熟拿下25K!(Java基础、JVM、MySQL、Spring、并发编程、Redis、分布式),解决一个前端开发中的实际问题,后台页面计时器失活【渡一教育】,如何使用 flex 弹性盒保持容器均分布局【渡一教育】,难度拉满的Promise终极面试题【渡一教育】icon-default.png?t=N7T8https://www.bilibili.com/video/BV12m411975o/?spm_id_from=333.337.search-card.all.clicknvm(Node Version Manager)是Node.js的版本管理器,可以让我们轻松地在不同的Node.js版本之间进行切换。

二、nvm安装

  • 在安装之前,建议先把电脑上的node卸载了,相信我,如何你用了nvm
  • 以后再也不会单独安装node了!(真香定理)
  • 我之前的v16.16.0,用了两年,卸载的时候,还有点舍不得~

1、下载nvm安装包

nvm-setup.zip - 蓝奏云

在github可以选择最新版的【nvm】:(nvm-windows 最新下载地址)
https://github.com/coreybutler/nvm-windows/releases

  • nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置
  • nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。
  • Source code(zip):zip压缩的源码
  • Sourc code(tar.gz):tar.gz的源码,一般用于*nix系统

2、安装

1、解压缩包

2、点击进行安装

3、自定义安装目录(建议不要使用默认的安装目录)

4、自定义node的安装目录

我的自定义路径

5、安装完成后——测试是否安装成功(可能在vscode里面的终端不生效,重启电脑即可使用)

nvm -v

# 如果你下载node版本比较慢,开一个代理,或者换一个镜像源
export NVM_NODEJS_ORG_MIRROR=https://mirrors.aliyun.com/nodejs-release/

至此!安装完成!!!

三、nvm使用

命令(大致了解一下)

常用命令(这几个差不多就够了)

nvm list  //查看目前已经安装的版本
nvm list available //显示可下载版本的部分列表
nvm install 10.15.0 //安装指定的版本的nodejs
nvm use 10.15.0 //使用指定版本的nodejs

 //使用淘宝镜像(经常换!如果下载经常失效,就去百度最新的镜像源地址)
npm config set registry https://registry.npmmirror.com/  

具体使用

#切换node的版本

$ nvm use 16.9.1
Now using node v16.9.1 (npm v7.21.1)

$ node -v
v16.9.1

$ nvm use 14
Now using node v14.18.0 (npm v6.14.15)

$ node -v
v14.18.0


# 安装指定版本,latest 是最新版本

$ nvm install v12.22.6
Now using node v12.22.6 (npm v6.14.5)


# 查看当前node的版本
$ node -v
v12.22.6

记录版本

.nvmrc 文件是一个用来指定项目中使用的 Node.js 版本的配置文件。它通常用于在多个项目中确保使用相同版本的 Node.js。以下是使用 .nvmrc 文件的方法:

  1. 在项目的根目录下创建一个名为 .nvmrc 的文件。

  2. 在 .nvmrc 文件中输入所需的 Node.js 版本号,例如:

    14.17.0
  3. 保存 .nvmrc 文件。

  4. 在使用 nvm for Windows 的命令行工具时,进入到包含 .nvmrc 文件的项目目录,并运行以下命令:

    nvm use

    这将使 nvm 自动检测并切换到 .nvmrc 文件中指定的 Node.js 版本。

通过使用 .nvmrc 文件,您可以轻松地在项目之间管理不同的 Node.js 版本,确保每个项目都使用正确的版本

四、npm包管理器

npm (Node Package Manager):

  • 用途:npm 是 Node.js 的包管理器,用于安装、更新、卸载 Node.js 包。
  • 安装 Node.js 时自带:npm 是随 Node.js 一起安装的,默认情况下,在安装 Node.js 后就可使用 npm。
  • 常用命令
    • npm install <package>:安装特定包。
    • npm install -g <package>:全局安装包。
    • npm uninstall <package>:卸载包。
    • npm update <package>:更新特定包。
    • npm init:初始化新的 Node.js 项目。
  • 存储位置:npm 包通常存储在项目的 node_modules 目录中。
  • 包管理:package.json 文件用于描述项目的依赖关系,并可以一次性安装所有依赖项。

npm详情

npm包管理器-CSDN博客

五、Node各版本下载

node.js 各版本下载地址

CNPM Binaries Mirroricon-default.png?t=N7T8https://registry.npmmirror.com/binary.html?path=node/

六、记录今天的完成的一个需求(用node打开浏览器)

用JS打开浏览器:

node.js+selenium入门到精通_nodejs selenium-CSDN博客文章浏览阅读1.4w次,点赞3次,收藏19次。准备node.js 的安装和配置Selenium-webdrivernpm install -save selenium-webdriver驱动 chromedriver下载地址:http://chromedriver.storage.googleapis.com/index.html请根据自己谷歌浏览器版本选择对应的下载完chromedriver放在这里基本使用(async ()=>{const {Builder, By, Key, until,Butto_nodejs seleniumhttps://blog.csdn.net/weixin_45292658/article/details/108150531

注意事项:

  • npm install chromedriver
  • chromedriver一定要和浏览器版本一致!!
  • 查看你的Chrome版本,在浏览器中输入:chrome://version/

 下载的时候,可以指定版本(我的是122):

npm install chromedriver@122

七、参考文章

https://www.cnblogs.com/jing-tian/p/11225123.htmlicon-default.png?t=N7T8https://www.cnblogs.com/jing-tian/p/11225123.html

【环境-1】Node 版本管理——NVM - 知乎一、概述nvm(Node Version Manager)是 Node.js的版本管理器,可以让我们轻松地在不同的Node.js版本之间进行切换。官网: nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple a…icon-default.png?t=N7T8https://zhuanlan.zhihu.com/p/646970780

  • 15
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Pan_peter

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值