nvm安裝、管理node多版本以及配置環境變量【保姆級教程】

引言

不同的項目運行時可能需要不同的node版本才可以運行,由于來回進行卸載不同版本的node比較麻煩;所以需要使用node工程多版本管理。
本人在配置時,通過網絡搜索教程,由于文章時間過老,或者文章的互相拷貝導致配置時出現許多小問題,但最后也是配置成功了,想寫下此文章幫助小伙伴們排除錯誤,節省各位寶貴的時間,如有問題歡迎留言討論~

注意:安裝nvm時不能安裝任何node版本(如存在請刪除后再安裝nvm),再檢查環境變量,如果還有node.js相關也刪掉,保證系統無任何node.js 殘留。
卸載完之后cmd命令行輸入 node -v 查看是否還能查到node信息,無的話表示刪除干凈。

安裝前準備

  • 若已安裝Node.js,需徹底卸載避免沖突

1.控制面板卸載:進入控制面板 → 卸載Node.js程序。
2.刪除殘留文件:

  • 刪除安裝目錄:C:\Program Files\nodejs(或自定義路徑)
  • 刪除用戶目錄下的.npmrc文件:C:\Users\用戶名
  • 清理以下目錄(若存在):
C:\Program Files (x86)\Nodejs  
C:\Users\用戶名\AppData\Roaming\npm  
C:\Users\用戶名\AppData\Roaming\npm-cache

3.檢查卸載結果:

node -v  # 若提示“找不到命令”則表示卸載成功

一、Nvm的下載與安裝

1.1 Nvm下載

很多博主給的是GitHub上的下載地址,但是在國內訪問速度非常慢,大家可以通過本人的網盤地址下載。點擊下載Nvm,提取碼:B66S

1.2 Nvm的安裝與配置

1.安裝準備(示例:本人在D盤下創建了Nvm文件夾,并在該文件夾下創建了nodejs文件夾)
在這里插入圖片描述
2.雙擊運行 nvm-setup.exe
在這里插入圖片描述

3.選擇nvm安裝路徑(示例:D:\nvm,避免中文和空格)
在這里插入圖片描述

4.設置Node.js存儲路徑(示例:D:\nvm\nodejs)
在這里插入圖片描述

5.配置鏡像加速(避免下載失敗)

打開nvm安裝目錄下的 settings.txt 文件,添加以下內容:
在這里插入圖片描述

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

(舊版淘寶鏡像 registry.npm.taobao.org 證書已過期,需替換為該域名)
6.環境變量配置
1.右擊此電腦點擊屬性
2.選擇高級系統設置
3.點擊環境變量
4.查看環境變量是否配置(默認nvm安裝成功后,自動生成)
在這里插入圖片描述

1.3 驗證Nvm是否安裝成功

完成安裝后,以管理員身份打開CMD,輸入 nvm -v 驗證是否成功
在這里插入圖片描述

二、使用Nvm安裝node

2.1 相關命令

nvm list available    # 查看可下載的node版本
nvm install v    #下載node指定版本 v(版本號) 如:nvm install 20.11.1
nvm list    #查看已下載的node版本
nvm use v    #使用node指定版本 注:use指令需要使用管理員權限
nvm uninstall v #卸載指定版本 如:nvm uninstall 20.11.1

2.2使用Nvm安裝node

1.win + R,調用cmd
安裝完成后開始插入nodejs首先使用 nvm list available 查詢可插入版本號,LST表示可插入穩定版本。【如未指定版本,建議安裝LTS下的版本】
在這里插入圖片描述
2.安裝指定node.js版本(這里根據需求選擇)
點我查看node相關版本號

nvm install 18.16.0 #根據自己的需求選擇版本號

在這里插入圖片描述
3.安裝完成后使用nvm use v命令使用安裝的node版本
可以分別輸入命令行 node -vnpm -v,檢驗node.js以及對應npm是否安裝成功
在這里插入圖片描述
4.nvm list 查看當前已安裝的node.js版本,帶*號的是正在使用的
在這里插入圖片描述
5.安裝成功后的文件夾顯示
在這里插入圖片描述

***馬上成功了,請堅持一下!***

2.3 修改npm默認鏡像源為淘寶鏡像

修改npm鏡像源為淘寶鏡像,加快npm包的下載速度,減少發生連接錯誤和超時的概率。

1.在命令提示窗口運行下面命令

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

2.檢查是否設置淘寶鏡像成功

npm config get registry

在這里插入圖片描述

三、配置node環境變量

3.1創建目錄

在Node.js存儲路徑下新建 node_global 和 node_cache 文件夾
在這里插入圖片描述

3.2 設置npm全局路徑:

npm config set prefix "D:\nvm\nodejs\node_global"
npm config set cache "D:\nvm\nodejs\node_cache"

3.3 配置環境變量path

  1. 編輯用戶變量中的Path

在這里插入圖片描述

注意:【用戶變量】中的path變量,%NVM_HOME% 和 %NVM_SYMLINK% 理論上是nvm安裝成功后自動生成的。> 如果有C:UsershuaAppDataRoaming npm,則將其修改為D:\NVM\node_global,如果沒有就自己新建D:\NVM\node_global,總之保證有以上內容。

  1. 再設置系統變量 — Path變量的設置和用戶變量中一致
    在這里插入圖片描述

3.4 添加系統變量:

  • 新建 NODE_HOME → 值:D:\nvm\nodejs
    在這里插入圖片描述
    D:\tools\nodejs\node_global\node_modules 就是上面創建的全局模塊安裝路徑文件夾
    點擊三次確定,完成環境變量配置!!!
    點擊三次確定,完成環境變量配置!!!
    點擊三次確定,完成環境變量配置!!!

四、測試安裝全局模塊(測試環境變量配置)

  • 測試是否環境變量是否配置成功,在cmd窗口中輸入以下指定全局安裝express模塊
npm install -g express

在這里插入圖片描述

  • 安裝成功的話表示環境變量配置成功
    在這里插入圖片描述

五、安裝Vue

1.確保配置了淘寶的鏡像源,可以用npm config get registry進行測試
2.安裝vue、vue-cli、webpack

npm install vue -g
npm install vue-cli -g
npm install webpack -g

3.檢查Vue是否安裝成功
使用vue -V命令
返回版本號則說明安裝成功,注意V是大寫,小寫不成功
在這里插入圖片描述

六、擴展:使用 nrm 來管理 npm 源

6.1 nrm的概念

nrm 允許開發者通過命令行工具輕松管理多個 npm 鏡像源(如淘寶、騰訊云、華為云等),并支持一鍵切換,無需手動修改 npm config。
提供源測速功能(nrm test),幫助選擇響應最快的鏡像。

我們可以使用 nrm 來管理 npm 源,特別是當需要在不同的網絡環境之間切換時,它可以提供更好的包管理體驗。一般國內就是用淘寶源,所以這部分了解即可

6.2 使用 nrm 來管理 npm 源

1.全局安裝(需 Node.js 環境)

npm install -g nrm

2.核心操作命令

nrm ls #查看所有源(帶 * 為當前使用源)
nrm use taobao  # 切換到淘寶源(推薦國內使用)
nrm test          # 測試所有源延遲
nrm test taobao   # 僅測試淘寶源
nrm add my-registry http://私有源地址  # 示例:企業私有源
nrm del my-registry  # 刪除指定源
nrm current #當前正在使用的 npm 源

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/70309.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/70309.shtml
英文地址,請注明出處:http://en.pswp.cn/web/70309.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

框架--Mybatis3

一.特殊符號處理 < < > > " &quot; &apos; & &amp; 除了可以使用上述轉義字符外&#xff0c;還可以使<![CDATA[ ]]>用來包裹特殊字符。 二.mybatis 一級緩存二級緩存 1.為什么緩存 緩存&#xff1a;數據緩存&#xf…

純新手教程:用llama.cpp本地部署DeepSeek蒸餾模型

0. 前言 llama.cpp是一個基于純C/C實現的高性能大語言模型推理引擎&#xff0c;專為優化本地及云端部署而設計。其核心目標在于通過底層硬件加速和量化技術&#xff0c;實現在多樣化硬件平臺上的高效推理&#xff0c;同時保持低資源占用與易用性。 最近DeepSeek太火了&#x…

Netty入門詳解

引言 Netty 是一個基于 Java 的高性能、異步事件驅動的網絡應用框架&#xff0c;用于快速開發可維護的高性能網絡服務器和客戶端。它提供了一組豐富的 API&#xff0c;使得開發人員能夠輕松地處理各種網絡協議&#xff0c;如 TCP、UDP 等&#xff0c;并且支持多種編解碼方式&a…

物聯網簡介集合

物聯網&#xff08;IoT&#xff09;指的是物理設備&#xff08;如電器和車輛&#xff09;之間的互聯互通。這些設備嵌入了軟件、傳感器和連接功能&#xff0c;使其能夠相互連接并交換數據。這項技術實現了從龐大的設備網絡中收集和共享數據&#xff0c;為打造更高效、自動化的系…

【分布式理論11】分布式協同之分布式事務(一個應用操作多個資源):從剛性事務到柔性事務的演進

文章目錄 一. 什么是分布式事務&#xff1f;二. 分布式事務的挑戰三. 事務的ACID特性四. CAP理論與BASE理論1. CAP理論1.1. 三大特性1.2. 三者不能兼得 2. BASE理論 五. 分布式事務解決方案1. 兩階段提交&#xff08;2PC&#xff09;2. TCC&#xff08;Try-Confirm-Cancel&…

【Quest開發】全身跟蹤

軟件&#xff1a;Unity 2022.3.51f1c1、vscode、Meta XR All in One SDK V72 硬件&#xff1a;Meta Quest3 最終效果&#xff1a;能像meta的操作室沉浸場景一樣根據頭盔移動來推斷用戶姿勢&#xff0c;實現走路、蹲下、手勢匹配等功能 需要借助UnityMovement這個包 GitHub …

AI全棧開發_人工智能AI大模型 Prompt提示詞工程詳解(全方位介紹及運用)

AI引領的第四次工業革命正席卷而來&#xff0c;如何精準把握這一歷史性的機遇&#xff0c;將成為我們這一代人不容忽視且需深入思考與積極行動的重要課題。未來幾年AI將會像計算機一樣快速普及&#xff0c;面對這一歷史性的第一波紅利&#xff0c;你是否已準備好把握機遇&#…

小米平板怎么和電腦共享屏幕

最近嘗試使用小米平板和電腦屏幕分屏互聯 發現是需要做特殊處理的&#xff0c;需要下載一款電腦安裝包&#xff1a;小米妙享 關于這個安裝包&#xff0c;想吐槽的是&#xff1a; 沒有找到官網渠道&#xff0c;是通過其他網絡方式查到下載的 不附錄鏈接&#xff0c;原因是因為地…

java | MyBatis-plus映射和golang映射對比

文章目錄 Java實體類和數據庫的映射1.默認駝峰命名規則2.自定義字段映射3.關閉駝峰命名規則4.JSON序列化映射 Golang1. 結構體與表的映射2. 字段與列的映射3. 關聯關系映射4. 其他映射相關標簽 這篇也是做數據庫映射方面的對比&#xff1a; Java 實體類和數據庫的映射 1.默認…

訊方·智匯云校華為官方授權培訓機構

1.官方授權 訊方智匯云校是華為領先級授權培訓機構&#xff08;華為授權培訓合作伙伴&#xff08;HALP&#xff09;體系&#xff0c;分為認證、優選、領先三個等級&#xff0c;領先級是HALP最高級&#xff09;&#xff0c;代表著華為對培訓合作伙伴在專業能力、師資隊伍、合作…

避免踩雷!CUDA與Anaconda兼容性配置完全手冊

CUDA與Anaconda深度學習環境配置指南 目錄 核心概念解析安裝場景分析版本沖突處理最佳實踐指南常見問題解答 核心概念解析 1. 組件對比表 組件作用域包含內容查看方式NVIDIA驅動系統級GPU底層通信支持nvidia-smiCUDA Toolkit系統級完整開發工具鏈(nvcc等)nvcc --versioncon…

掌握.NET Core后端發布流程,如何部署后端應用?

無論你是剛接觸.NET Core的新手還是已有經驗的開發者&#xff0c;在這篇文章中你將會學習到一系列實用的發布技巧與最佳實踐&#xff0c;幫助你高效順利地將.NET Core后端應用部署到生產環境中 目錄 程序發布操作 Docker容器注冊表 文件夾發布 導入配置文件 網站運行操作 …

一周學會Flask3 Python Web開發-request請求對象與url傳參

鋒哥原創的Flask3 Python Web開發 Flask3視頻教程&#xff1a; 2025版 Flask3 Python web開發 視頻教程(無廢話版) 玩命更新中~_嗶哩嗶哩_bilibili request請求對象封裝了從客戶端發來的請求報文信息&#xff0c;我們可以從中獲取所有數據。 request對象包含的常用屬性&…

2025年2月深度實測!DeepSeek、OpenAI o1、Gemini打造爆款應用及對比

我在網上看到了關于DeepSeek R1的各種說法,這是一個開源模型,其能力即便不比OpenAI o1等付費模型強,也與之相當: 由于我在日常工作中廣泛使用這些人工智能模型(使用Cursor AI),我決定看看哪種模型最適合我。 在進行了200次Cursor請求后,我將分享我的實驗結果。 一、…

OpenCV機器學習(6)樸素貝葉斯分類器(Naive Bayes Classifier)cv::ml::NormalBayesClassifier的使用

操作系統&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 編程語言&#xff1a;C11 算法描述 cv::ml::NormalBayesClassifier 是 OpenCV 機器學習模塊中的一部分&#xff0c;用于實現樸素貝葉斯分類器&#xff08;Naive Bayes Classifier&a…

LLaVA-CoT: Let Vision Language Models Reason Step-by-Step論文解讀

文章目錄 前言一、摘要一、引言二、文獻綜述1. Visual reasoning with large language models2. Chain-of-thought in large language models3. Inference time scaling 三、方法1. Enhancing Reasoning Capability through Structured Thinking1. Reasoning Stages2. Data Pre…

Linux 和 Windows 區別

1. 文件組織 (1)目錄結構 Linux:采用**單一根目錄(/)**結構,所有文件和設備都掛載在這個目錄下。 典型目錄: /home/(用戶目錄)/etc/(配置文件)/bin/(系統可執行文件)/dev/(設備文件)/mnt/(掛載點)Windows:采用多個驅動器(C:\, D:\),每個分區是一個獨立的…

java基礎語知識(8)

類之間的關系 在類之間&#xff0c;最常見的關系有&#xff1a; 依賴&#xff08;“uses-a”&#xff09;;聚合&#xff08;“has-a”&#xff09;;繼承&#xff08;“is-a”&#xff09;。 依賴&#xff1a;一種使用關系&#xff0c;即一個類的實現需要另一個類的協助&#x…

Linux系統中常見的詞GNU是什么意思?

GNU 是 “GNU’s Not Unix” 的遞歸縮寫&#xff0c;它是一個自由軟件項目&#xff0c;旨在創建一個完全自由的操作系統。這個名字反映了GNU項目的核心理念&#xff1a;它試圖創建一個類Unix的系統&#xff0c;但不是Unix本身。 GNU 項目由 理查德斯托曼&#xff08;Richard S…

安卓burp抓包,bypass ssl pinning

好久好久沒有發東西了。主要是懶。。。 這幾天在搞apk滲透&#xff0c;遇到了burp無法抓包問題&#xff0c;覺得可以寫下來。 問題描述 1. 一臺安卓手機&#xff0c;裝了面具&#xff0c;可以拿到root 2. 電腦上有burp&#xff0c;設置代理 3.手機和電腦連同一個網段&…