当前位置: 首页 > news >正文

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

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的配置大同小异, 后续有用到再来补坑

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

相关文章:

  • 封装hook函数【便于复用】
  • Webshell混淆免杀的一些思路
  • 说说你对Vue的理解
  • C#拼夕夕自动化登录,电商网页自动化操作。WebView2
  • 代码随想录算法训练营第三十九天| 62 不同路径 63 不同路径 ||
  • QT 中使用 QTableView 和 QStandardItemModel 实现将数据导出到Excel 和 从Excel导入到 QTableView 的功能
  • AI创作ChatGPT源码+AI绘画(Midjourney绘画)+DALL-E3文生图+思维导图生成
  • solidity案例详解(五)能源电力竞拍合约
  • 【Java面试——JUC全局观、原子类、锁、集合类、线程池、工具类】
  • 《凤凰项目》读书笔记
  • 【迅搜05】索引配置(二)字段定义与设计
  • 开源播放器GSYVideoPlayer + ViewPager2 源码解析
  • js进阶笔记之Promise
  • 第一章 分别使用Create-React-App、Vite、Umi Max搭建React项目
  • Linux:进程间通信
  • [Vue CLI 3] 配置解析之 css.extract
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • 4月23日世界读书日 网络营销论坛推荐《正在爆发的营销革命》
  • angular组件开发
  • Fabric架构演变之路
  • IIS 10 PHP CGI 设置 PHP_INI_SCAN_DIR
  • JavaScript类型识别
  • nfs客户端进程变D,延伸linux的lock
  • orm2 中文文档 3.1 模型属性
  • Vue2.0 实现互斥
  • 初识MongoDB分片
  • 观察者模式实现非直接耦合
  • 三栏布局总结
  • 使用common-codec进行md5加密
  • 异常机制详解
  • puppet连载22:define用法
  • #LLM入门|Prompt#3.3_存储_Memory
  • #我与Java虚拟机的故事#连载18:JAVA成长之路
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (2)关于RabbitMq 的 Topic Exchange 主题交换机
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • ./include/caffe/util/cudnn.hpp: In function ‘const char* cudnnGetErrorString(cudnnStatus_t)’: ./incl
  • .FileZilla的使用和主动模式被动模式介绍
  • .NET Core 版本不支持的问题
  • .NET 编写一个可以异步等待循环中任何一个部分的 Awaiter
  • .NET 解决重复提交问题
  • .NET 依赖注入和配置系统
  • .NET6使用MiniExcel根据数据源横向导出头部标题及数据
  • /usr/bin/perl:bad interpreter:No such file or directory 的解决办法
  • /usr/bin/python: can't decompress data; zlib not available 的异常处理
  • [.NET]桃源网络硬盘 v7.4
  • [16/N]论得趣
  • [c++] 自写 MyString 类
  • [C++核心编程](四):类和对象——封装
  • [cb]UIGrid+UIStretch的自适应
  • [HeMIM]Cl,[AeMIM]Br,[CeEIM]Cl,([HO-PECH-MIM]Cl,[HOOC-PECH-MIM]Cl改性酚醛树脂
  • [IE编程] 了解Urlmon.dll和Wininet.dll
  • [Java] IDEA Scala环境搭建
  • [JDK工具-2] javap 类文件解析工具-帮助理解class文件,了解Java编译器机制
  • [MongoDB]------windos下的安装部署与基础使用