node使用管理神器NVM安装配置超详细步骤(window10)

news2025/1/24 22:43:23

使用NVM对node进行版本管理

  • 前言
  • 一、什么是nvm?
  • 二、nvm下载安装配置
    • 1.下载
    • 2.nvm解压安装
    • 3.检查环境变量
    • 4.确认安装成功
    • 5.设置和安装node
      • 5.1 设置淘宝镜像
      • 5.2 安装node指定版本并使用
        • 5.2.1 执行以下命令自动安装指定版本的node和npm:
        • 5.2.2 查看已经安装的node版本:
        • 5.2.3 使用已经安装的node版本:
      • 5.3 指定全局安装路径和缓存路径
        • 5.3.1 待成功安装node版本后,在nvm安装目录下创建"node_global"和“node_cache”两个文件夹,如下图:
        • 5.3.2 进入cmd,输入以下命令进行设置:
  • 总结建议


前言

node版本持续更新,一些node的新特性只有在node的较高版本中才可以使用。但是如果将node版本切换到较高版本,就会导致对现有项目的一些依赖造成环境不兼容。所以,需要一个工具对node版本进行管理,允许开发环境同时存在多个node版本,开发人员可以随意切换


一、什么是nvm?

nvm全称Node Version Manager是 Nodejs 版本管理器,它让我们能方便的对 Nodejs 的版本进行切换。 nvm 的官方版本只支持 Linux 和 Mac。 Windows 用户,可以用 nvm-windows。

二、nvm下载安装配置

安装nvm前如果有安装node,要先卸载node.

1.下载

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的源码,一般用于linux系统

我们这里选择nvm-setup安装包进行安装

2.nvm解压安装

解压后如下图:
在这里插入图片描述
双及后安装:
在这里插入图片描述
选择安装目录,这里我安装在d盘:
在这里插入图片描述
选择npm包存放目录,建议放在nvm包下新建nodejs包:
在这里插入图片描述
后面安装步骤下一步即可完成安装

3.检查环境变量

一般安装之后环境变量会自动设置后,系统自动新增NVM_HOME和NVM_SYMLINK环境变量如下图:
在这里插入图片描述
NVM_HOME应为nvm的安装目录,NVM_SYMLINK应为nvm的安装目录加"\nodejs",注意用户变量和系统变量是否保持一致

4.确认安装成功

nvm -v // 查看nvm版本,判断是否安装成功

在nvm安装路径下打开cmd或者git bash运行正常,在其他路径下打开会报错的,如果有nvm: commond not found(重启!重启!重启!)
安装成功如下图:
在这里插入图片描述
可以通过以下命令,进行node版本的安装,替换

nvm list     //查看已安装的nodejs版本
nvm on      // 启用node.js版本管理
nvm off   // 禁用node.js版本管理(不卸载任何东西)
nvm install <version>       // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
nvm use <version>      //使用某一version的nodejs
nvm uninstall <version>   // 卸载指定版本的nodejs

5.设置和安装node

5.1 设置淘宝镜像

在settings中加入两行代码,采用淘宝镜像:

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

如下图:
在这里插入图片描述

5.2 安装node指定版本并使用

5.2.1 执行以下命令自动安装指定版本的node和npm:

nvm install <version>  // 安装node.js的命名 version是版本号 例如:nvm install 12.22.12

5.2.2 查看已经安装的node版本:

nvm list/ls     //查看已安装的nodejs版本

5.2.3 使用已经安装的node版本:

nvm use <version>      //使用某一version的nodejs

待指定使用某版本的node后就可以正常使用node和npm了

若报status 145:乱码,关掉cmd,重新以管理员身份运行cmd,执行nvm use XXX 即可,或者执行chcp 650001命令切换cmd显示编码。

5.3 指定全局安装路径和缓存路径

5.3.1 待成功安装node版本后,在nvm安装目录下创建"node_global"和“node_cache”两个文件夹,如下图:

在这里插入图片描述

5.3.2 进入cmd,输入以下命令进行设置:

npm config set prefix "D:\soft\nvm\node_global"   //设置全局模块的安装路径
npm config set cache "D:\soft\nvm\node_cache"     //设置缓存到node_cache文件夹
还要把node_global路径加入到系统环境变量path中,方便直接使用命令行运行

总结建议

1、建议使用管理员身份运行命令管理器,减少出错概率。
2、先设置node和npm的淘宝镜像,这样成功率和下载速度会更高点。
3、nvm安装目录,最好不要存在空格。否则,nvm可以安装成功,但使用nvm use x.y.z(nodejs的切换)会有问题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/407868.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vue3.0项目——打造企业级音乐App(一)Tab栏、轮播图、歌单列表、滚动组件

系列文章目录 内容参考链接Vue3.0 项目启动Vue3.0 项目启动&#xff08;打造企业级音乐App&#xff09;Vue3.0项目——打造企业级音乐App&#xff08;一&#xff09;Tab栏、轮播图、歌单列表、滚动组件Vue3.0项目——打造企业级音乐App&#xff08;二&#xff09;图片懒加载、…

路由守卫的详解

路由守卫总共有7个 全局路由守卫: beforeEach 前置守卫 affterEach 后置守卫 beforeResolve 解析守卫 路由的守卫 beforeRouterEnter 进入组件之前触发,在Created前面 beforeRouterUpdated 路由更新但是内容不会改变 beforeRouterLeave 离开之前触发,在beforeDestory之前…

vue3 - ref和reactive的区别

文章搬运自wx60d4764eb475e 的vue3中ref和reactive的区别&#xff08;系列六&#xff09; 1. ref和reactive区别: 如果在template里使用的是ref类型的数据, 那么Vue会自动帮我们添加.value 如果在template里使用的是reactive类型的数据, 那么Vue不会自动帮我们添加.val…

ErrorCaptureStackTrace(err); Error [ERR_MODULE_NOT_FOUND]: Cannot find module

目录结构 main.js import { Name, say, Person } from ./testconsole.log(Name)test.js const Name life function say() {console.log(Mine) } let Person { name: good }export { Name, say, Person }问题分析 步骤有点啰嗦&#xff0c;犯错的原因其实就很简单&#xff…

Vue自定义指令原来这么简单

本篇学习目标 能够了解组件进阶知识能够掌握自定义指令创建和使用能够完成tabbar案例的开发 1. 组件进阶 1.0 组件进阶 - 动态组件 目标: 多个组件使用同一个挂载点&#xff0c;并动态切换&#xff0c;这就是动态组件 需求: 完成一个注册功能页面, 2个按钮切换, 一个填写注册…

微信小程序(四)--- 自定义组件详解(properties,数据监听器,纯数据字段,插槽,父子间通信,behaviors)

目录 一、创建组件 二、引用组件 1、局部引用 2、全局引用 三、组件和页面的区别 四、组件样式隔离 1、注意点 2、修改组件的样式隔离选项 五、数据、方法、属性 1、data数据 2、methods方法 3、properties属性 4、data和properties的区别 5、使用setData修改proper…

AndroidStudio网格布局(制作计算机界面)

目录 网格布局特点&#xff08;类似于表格&#xff09; 常用属性&#xff1a; 针对布局的属性 针对子控件的属性 实例演示 创建一个安卓应用插入一张背景图片&#xff08;可以不加&#xff09; 打开字符串资源文件 strings.xml改应用标题名字&#xff08;可不改&#xf…

uniapp微信公众号h5微信授权登录

前言 在微信客户端中访问第三方网页&#xff0c;公众号可通过微信网页授权机制&#xff0c;来获取用户基本信息&#xff0c;进而实现业务逻辑。 关于公众号网页授权前期准备&#xff1a; 1.微信公众号开发&#xff0c;首先要搞一个公众号&#xff0c;开发阶段可以申请一个公众…

element ui+vue实现导航栏菜单以及页面跳转

关于博主&#xff1a; 不知道算不算的上入门&#xff0c;就是刚刚学习vue框架&#xff0c;断断续续的学习&#xff0c;所以有些地方讲的不正确也欢迎大家批评斧正&#xff0c;希望与大家共同进步 问题描述 对于初学前端的我们来说搭建一个路由导航界面还是比较困难的&#xf…

Web基础知识

1&#xff0c;Web基本概念和常识 ①web应用&#xff1a;网站&#xff08;广义上的PC&#xff0c;手机app&#xff09; ②浏览器&#xff08;Browser&#xff09;&#xff1a;也称用户代理&#xff0c;web客户端&#xff0c;主要有IE、Edge、Chrome、Firefox、腾讯浏览器&#x…

nvm 安装使用及配置淘宝下载镜像

NVM介绍 NVM全称node.js version management &#xff0c;专门针对node版本进行管理的工具&#xff0c;通过它可以安装和切换不同版本的node.js。 MVM下载 githhub下载地址&#xff0c;选择nvm-setup.zip&#xff1a;安装版&#xff0c;推荐使用 https://github.com/coreyb…

Antv X6 动态连线

这是我实际开发项目中&#xff0c;利用 X6 开发的一个关系图。具备连线功能。这里我尽可能全的记录整个开发思路和部分编码&#xff0c;如果你也用了 X6 希望对你有帮助。 创建画布 代码有删减&#xff0c;以下展示的代码全都有删减 index.vue <template><div id&q…

React组件化的额外知识补充

文章目录React的额外补充Portals的使用Fragment的使用严格模式StrictModeReact的额外补充 Portals的使用 某些情况下&#xff0c;我们希望渲染的内容独立于父组件&#xff0c;甚至是独立于当前挂载到的DOM元素中(默认都是挂载到id为root的DOM 元素上的)。 Portal 提供了一种…

【vue】 vue-router安装和配置方法

vue-router 是 vue.js 官方的路由插件&#xff0c;里面组件和 URL 的映射关系由 vue-route 帮我们管理。 在 vue-router 的单页面应用中&#xff0c;页面的路径的改变就是组件的切换。 第一步&#xff1a; 1.正常初始化项目的时候&#xff0c;会有个 vue-router 供我们选择。…

在VSCode中配置代码自动 eslint 格式化(修改eslint规则、eslint忽略文件)

一、Eslint Eslint 是用来检测和规范代码格式的工具&#xff0c;应用在工程化项目中&#xff0c;可以保证项目代码格式的一致性和规范性&#xff0c;大大提升了代码的可读性。 二、配置过程 本博客是讲述对一个已经引用 eslint 依赖Nuxt项目&#xff08;vue项目应该相同&…

vue-cli脚手架的下载安装(靠谱)

找了半天才找到一个靠谱的安装教程&#xff0c;分享给你们。 1. 先下载node.js&#xff0c;下载地址&#xff1a;Download | Node.jsNode.js is a JavaScript runtime built on Chromes V8 JavaScript engine.https://nodejs.org/en/download/直接进入下载电脑对应的版本&…

vue-cli创建vue项目详细步骤

一、安装node环境&#xff08;建议使用LTS&#xff09; Download | Node.js 二、下载vue和vue-cli脚手架 命令&#xff1a;npm i -g vue ; npm i -g vue/cli 三、在想要创建的位置路径下打开cmd&#xff08;直接点击路径输入cmd即可打开当前位置的终端&#xff09; 四、创建v…

Vue使用Element-UI的table组件和后端接口进行数据交互(包含前后端代码)

前言 本次用element-ui的table组件&#xff0c;简单案例演示下前后端数据交互。 前提声明&#xff1a;如果不知道如何在vue中引入element-ui&#xff0c;可以先看下这篇文章:Vue引入并使用Element-UI组件库的两种方式 静态页面 首先先写一个静态页面吧&#xff0c;数据都是…

Vue3的vue-router路由详解

这篇文章是接着【三分钟快速搭建Vue3webpack项目】的内容做的开发&#xff0c;有基础的可以跳过 【三分钟快速搭建Vue3webpack项目】&#xff0c;直接看以下的内容。 Vue3的vue-router路由详解&#xff1a; 首先安装路由依赖模块&#xff1a; npm install vue-router4 所需…

618快到了送上自制前端小项目(html css js)

目录 &#x1f6a9;.自定义播放器 &#x1f3e0;.图片自动消失 ✨.小轮播图 &#x1f383;.旋转音乐盒 前言&#xff1a;这些小项目全都是自创的。 如果需要应用&#xff0c;或则转发的话请与 博主联系&#xff0c;感谢你们的理解&#xff0c; 1.自定义播放器 在页面中放置…