nvm for windows使用与node/npm/yarn的配置

news/2024/2/21 3:24:25

1 下载

nvm for windows download – github
下拉到Assets, 下载.exe文件
在这里插入图片描述

2 安装

安装到如下文件夹中
目录可以自己选, 可以换别的名字, 自己记住即可
新手建议全部看完再进行个人配置, 或者使用与博主一致的路径

D:\DevelopEnvironment\nvm

3 配置nvm使用的镜像

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

4 是否安装成功

在这里插入图片描述

5 安装nodejs

查看可用版本

nvm list available

在这里插入图片描述

安装指定版本

nvm install 20.10.0

在这里插入图片描述

查看已经安装了的版本

nvm ls

在这里插入图片描述

带*是当前使用的, 如果没有, 说明当前没有在使用

使用指定版本

nvm use 20.10.0

在这里插入图片描述


6 配置node环境

  1. 设置全局安装目录
  2. 设置cache存放目录

新建文件夹

D:\DevelopEnvironment\nodeTemp

再在nodeTemp中新建如下两个文件夹
在这里插入图片描述
一般约定俗成, node_global存放全局安装的包, node_cache存放缓存


设置node

npm config set prefix "D:\DevelopEnvironment\nodeTemp\node_global"
npm config set cache "D:\DevelopEnvironment\nodeTemp\node_cache"

这里可以直接复制粘贴到cmd里, 会自动执行多行


将这两个文件夹node_global与node_cache的路径放入用户环境变量path中
在这里插入图片描述
右键此电脑->属性->高级系统设置->环境变量->xxx(你的windows用户名)的用户变量->
Path行->双击->新建
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
确定即可

7 yarn的配置

安装yarn后去刚才的node_global中会多出如下文件, 则说明刚才node_global配置成功
在这里插入图片描述

进入node_modules->yarn->bin, 复制路径, 放入用户变量的path中
D:\DevelopEnvironment\nodeTemp\node_global\node_modules\yarn\bin
在这里插入图片描述


重新启动cmd, 查看yarn版本

yarn -v

在这里插入图片描述
出现版本号即可

8 注意事项

  1. 在vscode中全局安装一些包后可能报错非命令什么的, 可以尝试完全关闭vscode(或多次打开关闭或关闭后多等一会), 然后再重试执行查看包版本的命令

另附

如果要使用yarn进行全局安装, emm不清楚是不是需要再重新进行配置yarn的全局安装目录

我个人一般都使用npm, 用那啥或者没有那啥就用镜像地址都挺快的, 此教程主要是为了记录一下如何配置nvm(换新电脑了, 顺便重新搞一下)

最后还是添上了yarn, 因为公司项目用的yarn, 顺便写了一下. 但确实没怎么用过yarn进行全局安装, 配置的话估计也和刚刚npm的配置大同小异, 后续有用到再来补坑

还有, 需要关注才能看的博文真**的纯智障


https://www.xjx100.cn/news/3119003.html

相关文章

Opencv手势控制音量!附源码!

效果演示: 废话不多说!直接上源码!下面写有所有代码注释!! import cv2 import mediapipe as mp #它包含了各种预训练的机器学习模型,可以用于姿势估计、手势识别等任务 from ctypes import cast, POINTE…

(C++)移动零--双指针法

个人主页:Lei宝啊 愿所有美好如期而遇 力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台备战技术面试?力扣提供海量技术面试资源,帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://le…

HTTP /1.0 /1.1 /2.0 /3.0改变和区别

HTTP(Hypertext Transfer Protocol)是一种用于传输超文本的协议,它是Web上数据通信的基础。不同版本的HTTP协议有一些重要的变化和改进。以下是HTTP/1.0、HTTP/1.1、HTTP/2.0和HTTP/3.0的主要变化和区别: HTTP/1.0: 1.无连接性&…

根据Java的数据库实体类输出建表SQL

数据库实体类 import com.baomidou.mybatisplus.annotation.TableName; import lombok.Data; import lombok.EqualsAndHashCode;/*** 分子公司基本信息变更代办** version 1.0* date 2023/11/21 01:01*/ EqualsAndHashCode(callSuper true) Data TableName("ent_change_t…

【Axure高保真原型】区间评分条

今天和大家分享区间评分条的原型模板,我们可以左右拖动移动滑块到指定位置,评分条上方会根据两个滑块所在的位置,自动计算出对应的区间范围;这个原型模板使用也很简单,只需要在里面填写区间的最大值,即可自…

前端如何中断请求 ( axios、原生 ajax、fetch)

使用场景 在前端开发中,我们经常需要中断请求来优化性能或处理特定的业务需求。以下是一些常见的使用场景: 比如 重复请求:当页面中多个组件并发调用同一个接口时,在第一个请求返回后,我们可能需要中断其他组件对该接…

ARM预取侧信道(Prefetcher Side Channels)攻击与防御

目录 一、预取侧信道简介 1.1 背景:预取分类 二、Arm核会受到影响吗? 2.1 先进的预取器

阿里云国际短信业务网络超时排障指南

选取一台或多台线上的应用服务器或选取相同网络环境下的机器,执行以下操作。 获取公网出口IP。 curl ifconfig.me 测试连通性。 (推荐)执行MTR命令(可能需要sudo权限),检测连通性,执行30秒。 m…