前端環境管理2大利器nvm和nrm

語言: CN / TW / HK

theme: channing-cyan highlight: an-old-hope


持續創作,加速成長!這是我參與「掘金日新計劃 · 6 月更文挑戰」的第12天,點選檢視活動詳情

nvm

nvm 是一個node包版本管理工具,其特點是可以安裝多個node版本,可以在各版本之間快速切換

支援的平臺有: Linux,macOS,Windows WSL

nvm官網: https://github.com/nvm-sh/nvm

安裝nvm

以linux安裝為例 js //一鍵安裝 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash //檢視nvm版本 nvm -v image.png

無法訪問raw.githubusercontent.com的兄弟,請baidu一下訪站點Connection refused的問題

安裝node

js //安裝node16 nvm install 16 //安裝node14 nvm install 14 //指定小版本號安裝14.10 nvm install 14.10 image.png

使用node

檢視node目前所有版本

js nvm ls -> 代表當前使用的版本(只在當前環境生效)

default 代表預設使用的版本 image.png

切換指定版本

js //改變當前的node版本 nvm use v14.19.3 //指定node版本為預設版本 nvm alias default v14.19.3 當前使用的node版本和預設版本 都改為v14.19.3了 image.png

解除安裝node版本

js //解除安裝16.15.1版本 nvm uninstall v16.15.1 //取消預設版本(下次再安裝的node,直接就是預設) nvm unalias default 如果解除安裝又接著安裝,會非常快,因為是直接從本地cache目錄(.nvm/.cache/bin/)中找到安裝包,

執行js指令碼

nvm還提供了指定node版本來執行js指令碼的功能,在這除錯時非常有用 image.png

nrm

nrm 是一個npm登錄檔(倉庫源)管理工具,一鍵切換cnpm,taobao,tencent等倉庫源,幫助開發者快速安裝依賴

官網: https://github.com/Pana/nrm

安裝nrm

js //全域性安裝,安裝完成可直接使用nrm命令 npm install -g nrm image.png

檢視可使用源

js nrm ls 預設使用npm源,也就是npm官方源,目前有騰訊,淘寶,cnpm源可用 image.png

使用nrm

js //建立一個目錄 mkdir demo1 //初始化一個專案 cd demo1 npm init 切換到taobao源測試一下安裝速度 js //切換源 nrm use taobao //安裝vue最新版 npm install vue 下圖可以看到2秒不到就把vue3.2.27安裝好了。速度是槓槓的 image.png

使用私服

nrm提供了相應的引數來對接私有npm倉庫(私服),這個私服可以使用verdaccio,nexus搭建

js //增加私服 nrm add gnpm http://ip:port //使用私服 nrm use gnpm

總結

掌握重要的工具可以讓你在環境中少折騰一會,也讓你的開發有效率的提升,nvm和nrm就是這樣的好工具