阅读 2925

聊一聊前端开发中最常用的两种管理工具

这是我参与8月更文挑战的第3天,活动详情查看:8月更文挑战

不知道大家在开发中或者在维护多个前端项目不管老项目还是新项目的时候是不是又遇到过 node 版本兼容的问题,还有就是 npm 源来回切换麻烦的问题,今天就为大家介绍一下两个包管理工具。

nodejs的版本管理工具(nvm)

nvm 简介

nvm 全名 node.js version management,顾名思义是一个nodejs的版本管理工具。

为了解决node各种版本存在不兼容现象,nvm是让你在同一台机器上安装和切换不同版本的node的工具,通过它可以安装和切换不同版本的nodejs。

下载安装

可在点此在github上下载最新版本,本次下载安装的是windows版本。

github.com/coreybutler…

选择下载

  nvm-setup.zip:安装版,推荐使用,下一步式傻瓜安装

  nvm-noinstall.zip:绿色免安装版,但使用时需进行配置环境变量。

双击nvm-setup.exe文件安装

注意的是安装路径最好不要出现中文和空格。

安装完确认

打开CMD,输入命令 nvm -v,安装成功则显示版本号和列出了各种使用命令。

使用

`--列出所有已经安装的Node版本`

`nvm ls`

`--安装最新版 Node`

`nvm install node`

`--列出所有可以安装的Node版本号`

`nvm list available`

`--安装指定版本号的Node`

`nvm install 11.13.0`

`--使用特定版本的Node`

`nvm use 11.13.0`

`--卸载版本号的Node`

`nvm uninstall 11.13.0`
复制代码

命令提示翻译

`nvm arch :显示node是运行在``32``位还是``64``位。`

`nvm install <version> [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装``32``位还是``64``位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL。`

`nvm list [available] :显示已安装的列表。可选参数available,显示可安装的所有版本。list可简化为ls。`

`nvm on :开启node.js版本管理。`

`nvm off :关闭node.js版本管理。`

`nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。`

`nvm node_mirror [url] :设置node镜像。默认是https:``//nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。`

`nvm npm_mirror [url] :设置npm镜像。https:``//github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。`

`nvm uninstall <version> :卸载指定版本node。`

`nvm use [version] [arch] :使用制定版本node。可指定``32``/``64``位。`

`nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。`

`nvm version :显示nvm版本。version可简化为v。`
复制代码

原理

image.png

其实很简单就是把 node 包放到 nvm 安装的目录下通过 nvm use 版本号去改变 node 引用的路径来达到 node 版本的切换。

npm 源管理工具 nrm

nrm 简介

nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换.

下载安装

npm install -g nrm
复制代码

使用

  1. 查看源
nrm ls

npm -------- https://registry.npmjs.org/

yarn ------- https://registry.yarnpkg.com/

cnpm ------- http://r.cnpmjs.org/

* taobao ----- https://registry.npm.taobao.org/

nj --------- https://registry.nodejitsu.com/

npmMirror -- https://skimdb.npmjs.com/registry/

edunpm ----- http://registry.enpmjs.org/
复制代码
  1. 切换源
nrm use  npm
复制代码
  1. 修改执行策略
// 以管理员身份运行powershell

set-ExecutionPolicy RemoteSigned

// 回车输入Y
复制代码
  1. nrm源速度测试
nrm test cnpm
复制代码

点赞支持、手留余香、与有荣焉,感谢各位大佬能留下您的足迹。

文章分类
开发工具
文章标签