前端开发必推的工具!

前端工具必推系列

nvm node版本管理器

接触过多个项目的小伙伴都知道,项目能否正常运行,跑起来就是个很蛋疼的问题。肯定也有很多人无数次经历过过删依赖下依赖的过程(node_modules)此过程中也经常会涉及到切换到不同的node版本,进行依赖安装。所以nvm是什么呢,就是为了帮助你方便快捷的切换node版本的工具。

安装nvm前的准备工作

ps: 卸载已安装的 NodeJS,听我的,不然会冲突!!!(含泪提醒)

  1. 卸载:确保在 Node.js 没有在后台运行的情况下,进行卸载。(我这里为了防止后台,懒得打开控制面板,直接重启电脑然后卸载)
  2. 删残余文件:如果是默认安装位置,一般残余文件都在这了——C:\Program Files (x86)\NodejsC:\Program Files\NodejsC:\Users\admin\AppData\Roaming\npmC:\Users\admin\AppData\Roaming\npm-cache
  3. 还需要再右击我的电脑 ==>属性 ==>高级系统设置 ==> 环境变量确保没有引用nodejs或者npm
  4. 检验是否卸载干净:win + r, 执行命令node --versionnpm --version,如果输出的是 “node 不是内部或外部命令,也不是可运行的程序或批处理文件。”、“npm不是内部或外部命令,也不是可运行的程序或批处理文件。”,说明就都卸载干净了
    eg:我没有安装yarn,执行就会如下:
    在这里插入图片描述

安装nvm

  1. 从官网上下载:nvm官网(github)
    在这里插入图片描述
    ps:选择这个是因为只需要解压,安装后自动配上环境变量,方便快捷
  2. 安装nvm:以管理员身份,安装文件 nvm-setup.exe
  3. 检查环境变量并检查nvm是否安装好,以及下载想要的node版本
    在这里插入图片描述
    在这里插入图片描述
    这里附上node的所有版本:node所有版本

也可以直接命令查看npm源上可用的node版本
在这里插入图片描述

nrm npm源快速切换工具

下载依赖繁琐,等待过程也是极其的慢,所以我们会选择使用其它比较快的源下载依赖。
例如,切换淘宝源如下,cv执行:

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

例如,切回原npm源

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

例如,切为npm镜像

npm config set registry https://registry.npmmirror.com

诸如上述操作,我都嫌弃每次去一个一个敲指令切换,cv也麻烦。所以,nrm就是为解决这个繁琐过程而生的

安装nrm

npm install nrm -g

使用

在这里插入图片描述

注意事项

很多时候靠淘宝镜像或者其它源安装的依赖,多多少少很容易报错,所以快捷只是相对的, 但也难免会去为了解决报错又不得不享受折磨使用npm原来的源安装依赖。所以大家还是得根据自己的项目情况进行尝试,致使项目无法run起来,不单单只有node版本问题,请把npm源导致的依赖安装不全这个原因也考虑在内!

另外,在vue项目快捷配置npm源

只需要在项目根目录下添加名为.npmrc文件

auto-install-peers=true
# npm官方的源
registry=https://registry.npmjs.org

# npm镜像源
# registry=http://registry.npmmirror.com

# 淘宝源
# registry=https://registry.npm.taobao.org

在这里插入图片描述
这样就可以放心大胆的安装依赖了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值