【全面】NVM For Windows安装,Nodejs版本管理工具使用,无敌省心

nvm简单介绍:

nvm for windows 使用go语言编写,运行在多种操作系统上,用于管理环境Node版本。方便多版本间学习、开发。

安装前注意事项

本文章基于Windows环境,安装nvm前,需卸载当前环境现有版本nodejs、npm,并删除有关的系统环境变量配置。

1、NVM下载安装、配置

准备工作

进入github下载nvm for windows

  • nvm-setup.zip 【安装版】
  • nvm-noinstall.zip 【绿色免安装版本】

直接选择了安装版下载进行安装,不需要配置,非常方便
在这里插入图片描述

下载解压后,进行安装,设置好nvm、nodejs路径,一直下一步即可。

安装成功后,命令行输入nvm,出现nvm版本等信息就说明安装已完成。
失败的情况检查系统环境变量、之前版本node程序是否卸载完全。

环境设置

设置node镜像

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

设置npm镜像

nvm npm_mirror https://npm.taobao.org/mirrors/npm/

也可以在nvm安装目录下,settings.txt文件直接修改,原配置下添加

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

2、node安装、版本切换

nvm命令

命令行输入nvm后,除了版本信息外,各种命令也都显示了
学习一下常用命令:

nvm list [available] 			\\查看本地node版本列表,可选参数available,显示所有可安装版本

nvm install <version> [arch] 	\\安装指定版本node,可选参数arch,指定安装32或64位

nvm use <version>				\\使用指定版本node

nvm uninstall <version>			\\卸载指定版本node

使用nvm安装node,npm同时也已经自动安装上了。

node -v		\\查看node版本
npm -v		\\查看npm版本

更换镜像【可选】

有时候安装模块的时候,由于不可阻挡的网络原因,往往会导致我们下载失败或者出现一些奇奇怪怪的问题,可以将npm的安装地址设置为taobao镜像地址

npm config set registry https://registry.npm.taobao.org

这样每次安装都是从taobao镜像进行下载了。需要恢复的话执行

npm config set registry https://registry.npmjs.org

如果只想要某一次使用taobao镜像,也可以每次安装使用下面命令来安装指定模块

npm --registry https://registry.npm.taobao.org install 【模块名】

全局npm配置

可设置全局包路径,使多版本node共用,切换时降低环境差异。
具体位置可自定义,最好安装路径不要太混乱

npm config set prefix "D:\environment\nvm\npm\node_global"

npm config set cache "D:\environment\nvm\npm\node_cache"

在系统环境变量中添加

%NPM_HOME%=D:\environment\nvm\npm

path中添加

%NPM_HOME%\node_global

使用其他包管理器替代npm【可选】

推荐使用 tyarn 来进行包管理,可以极大地减少 install 的时间和失败的概率,并且完全兼容 npm。

npm install -g yarn

如果喜欢使用 npm 而不是 yarn,可以使用 cnpm, 安装速度比 tyarn 更快,但是与 npm 不是完全兼容。

npm install -g cnpm

【案例拓展】umi脚手架构建ant-design-pro

node安装完成后,结合 Antd Pro文档 初始化使用脚手架。

搭建过程,命令行执行yarn create umi app后,提示报错
“文件名、目录名或卷标语法不正确”

解决方案:
打开npm全局目录,%NPM_HOME%\node_global
在bin文件夹下看到 create-umi.cmd 文件

发现内容开头为

@"%~dp0\C:\Users\

可以看到主要是路径出现问题,windows下,把盘符前面%~dp0\删掉,保存。

保存后注意,不要重新运行yarn create umi,重新运行会导致重新安装,会把你修改后的文件进行覆盖。

添加系统环境变量path

%NPM_HOME%\node_global\bin

重启命令行,运行下面命令即可顺利运行。

create-umi  <name>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值