前端node環境安裝:nvm安裝詳細教程(安裝nvm、node、npm、cnpm、yarn及環境變量配置)

需求:在做前端開發的時候,有的時候 這個項目需要 node 14 那個項目需要 node 16,我們也不能卸載 安裝 。這豈不是很麻煩。這個時候 就需要 一個工具 來管理我們的 node 版本和 npm 版本。

下面就分享一個 nvm 工具 用來管理 node 版本。
這個nvm 和 java的 mvn 命令很像 。大家不要用混了~ 哈哈

注: 下面的所有 cmd 打開 都要以管理員運行 否則 命令 有可能不生效

nvm 官網地址:https://nvm.uihtm.com

github 地址,
下載最新版本:
https://github.com/coreybutler/nvm-windows

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

nvm 常用命令:

nvm -v 查看當前版本
nvm --config nvm list available  查詢可以下載的node版本
nvm list 查看已安裝node版本列表
nvm install 版本號 下載對應node版本
nvm use 版本號 切換node版本
nvm on 開啟nvm
nvm off 關閉nvm

安裝:
我下載的是 1.1.12 版本
在這里插入圖片描述
解壓出來
下一步 下一步安裝 不建議安裝到 C盤

在這里插入圖片描述
在這里插入圖片描述

安裝完成后 ,修改 鏡像源 加快下載速度
把下面命令復制到 settings.txt 文件中

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

在這里插入圖片描述
在這里插入圖片描述
保存即可

nvm配置環境變量
默認 安裝后 會自動配置
低版本的 好像需要自己去配置

%NVM_HOME% 和 %NVM_SYMLINK% 

在這里插入圖片描述

最后 管理員 運行 cmd 驗證安裝情況
在這里插入圖片描述
文件夾里的情況:
在這里插入圖片描述

node環境變量配置

對于怎么配置環境變量 常量 和 環境變量里的 PATH 常量 的 這里就不說了

修改全局安裝的模塊路徑和緩存路徑 這樣不占用 C盤

創建兩個文件夾 先

nodeCache

nodeGlobal

在這里插入圖片描述
創建完兩個文件夾后,在cmd窗口中輸入以下命令

路徑按照自己的存儲地址 修改

npm config set prefix "D:\app\nodejs\nvm\nodeGlobal"
npm config set cache "D:\app\nodejs\nvm\nodeCache"

在這里插入圖片描述
檢查環境變量:
系統變量 和 用戶變量 都要加 方便后續使用
如果有C:\Users\用戶名\AppData\Roaming\npm,
修改為D:\app\nodejs\nvm\nodeGlobal
我們自己建的 路徑
如果沒有
就新建D:\app\nodejs\nvm\nodeGlobal

這個PATH常量下:
在這里插入圖片描述

在這里插入圖片描述
接再來 再創建一個環境變量 NODE_PATH :
變量值如下 就是剛剛我們創建的 全局文件夾 后面加一個 node_modules

D:\app\nodejs\nvm\nodeGlobal\node_modules

在這里插入圖片描述
在這里插入圖片描述
設置淘寶的鏡像并查看
建議用 管理員權限 執行 cmd 因為他要寫入 你磁盤 有可能沒權限

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

全局安裝cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com/或npm install -g cnpm

注: 我再在執行 npm install -g cnpm 報錯
說什么權限不足
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

百度后 又是 讓給 自己創建的文件夾 權限 又是 清除 c盤下的 .npmrc 文件
但是 對于我來說 都沒用 如果你也遇到這個問題 看了網上 清除了 .npmrc 文件
那你上面執行的 npm config set 命令都會 失效 需要重新執行

最后有一篇文章 解決了問題
因為我使用的 是 node 14.5 所以 在安裝 cnpm 指定一下版本 即可
應該是 依賴 關系的問題 要對應版本下載

npm install -g  cnpm@7.1.1

在這里插入圖片描述

yarn安裝

npm install yarn -g 

驗證我們文件夾生效拉 去查看 文件夾里是否有內容
在這里插入圖片描述

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

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

相關文章

Unity在運行狀態下,當物體Mesh網格發生變化時,如何讓MeshCollider碰撞體也隨之實時同步變化?

舊版源代碼地址:https://download.csdn.net/download/qq_41603955/90087225?spm1001.2014.3001.5501 舊版效果展示: 新版加上MeshCollider后的效果: 注意:在Unity中,當你動態地更改物體的Mesh時,通常期望…

OpenCV--特征匹配

OpenCV--特征匹配 代碼和筆記 代碼和筆記 import cv2 import numpy as np""" 特征匹配 """""" 暴力特征匹配:使用第一組(第一幅圖)中的一個特征描述子,使用一些距離計算與第二組中…

什么是自動化辦公

自動化辦公是指使用技術工具或軟件,通過預設流程或腳本,自動執行日常辦公任務,從而提升效率、減少錯誤、節約時間的辦公模式。它適用于需要重復性、規則明確的工作流程,讓員工將精力集中在更具創造性和戰略性的工作上。 自動化辦公…

常見排序算法總結 (四) - 快速排序與隨機選擇

快速排序 算法思想 每一輪在數組相應的范圍上隨機找一個元素進行劃分,將不大于它的所有元素都放到左邊,將大于它的元素都放到右邊。在左右兩個子數組上不斷地遞歸,直到整個數組上有序。 注意:實現時選擇的時參考荷蘭國旗問題優化…

unraid固態硬盤分區格式—默認1MiB對齊

背景 我的unraid中有三個機械硬盤和兩個固態硬盤,其中兩個固態硬盤組成zfs鏡像的cache,防止其中一個硬盤出問題導致數據丟失。然而,今天突然看到機械硬盤的分區格式為GPT 4k,而固態硬盤是MBR 1MiB。想到GPT更加優秀,并…

Flutter 圖片編輯板(一) 事件路由

一個圖片編輯板,有兩部分組成。編輯板和內容項。每一個內容項是被InteractiveViewer修飾的widget,具有縮放偏移的功能。 在圖片編輯板上, 會有多個內容相,圖片或文字(添加文字目前還沒做過)。 當要編輯其中…

數倉技術hive與oracle對比(一)

準備 包括軟硬件環境、數據、測試數據三方面的準備內容。 環境 虛擬機軟件virtualbox7,同樣的虛擬機配置:內存2G、cpu一核,物理主機同一臺macbookpro(13-2020款),所以硬盤IO讀寫速度一致。 綜上&#x…

AR眼鏡_消費級工業AR智能眼鏡主板硬件解決方案

AR眼鏡的研發是一項復雜的軟硬件集成工程,它需要在攝影、音頻、交互和連接等多個方面提供卓越的基礎體驗,因此產品的每個細節都顯得尤為重要。 在設計AR眼鏡時,重量、體積和散熱性能都是必須認真考量的關鍵因素。在芯片平臺的選擇上&#xff…

通信原理概論復習筆記(1)

1 緒論 消息: 通信系統傳輸對象, 信息的載體和物理表現形式. 信息: 消息的有效內容和內涵. 信號: 消息的傳輸載體. 模擬通信: 信源 → \to → 調制器 → \to → 信道(噪聲) → \to → 解調器 → \to → 信宿. 數字通信: 信源 → \to → 信源編碼(壓縮數字化) → \to →…

ASPICE評估如何優化軟件開發、測試和部署流程

ASPICE(Automotive SPICE,即汽車軟件過程改進及能力評定)評估在提高軟件開發、測試、部署的速度和質量方面發揮著重要作用。以下是ASPICE評估如何具體提高這些環節的具體方式: 一、提高軟件開發效率 標準化流程:ASPIC…

【OpenCV】Canny邊緣檢測

理論 Canny 邊緣檢測是一種流行的邊緣檢測算法。它是由 John F. Canny 在 1986 年提出。 這是一個多階段算法,我們將介紹算法的每一個步驟。 降噪 由于邊緣檢測易受圖像中的噪聲影響,因此第一步是使用 5x5 高斯濾波器去除圖像中的噪聲。我們在前面的章…

Ubuntu 安裝 web 服務器

安裝 apach sudo apt install apache2 -y 查看 apach2 版本號 apache2 -v 檢查是否啟動服務器 sudo service apache2 status 檢查可用的 ufw 防火墻應用程序配置 sudo ufw app list 關閉防火墻 sudo ufw disable 更改允許通過端口流量 sudo ufw allow Apache Full 開啟…

如何落地文件即服務?--- 基于makeself封裝服務并啟動

我通常想能不能給客戶一個文件,然后客戶通過執行這個簡單的指令就可以吧,一個服務在本地起來? 這是一種文件即服務的思想,不知道你有沒有類似的想法,當我發現https://makeself.io/ ,我覺得它能很好的解決我…

mysql集群MHA方式部署

1. 基本信息 部署機器角色部署路徑192.168.242.71MySQL-Mater MHA-NodeMySQL: /alidata1/mysql-5.7.43192.168.242.72MySQL-Slave MHA-NodeMHA-Node: /alidata1/admin/tools/mha4mysql-node-0.58192.168.242.73MySQL-Slave MHA-Node192.168.242.74MHA-ManagerMHA-Manager: …

【C++】8___繼承

目錄 一、基本語法 二、繼承方式 三、對象模型 四、繼承中的構造與析構的順序 五、繼承中同名成員處理 六、多繼承語法 七、菱形繼承 一、基本語法 好處:減少重復的代碼 語法: class 子類 : 繼承方式 父類 子類 也稱為 派生類 父類…

Netty客戶端接收不到服務端發送的數據問題

文章目錄 前言問題描述相關代碼解決方法 前言 環境 JDK:64位 jdk1.8.0_201 Netty:4.1.39.Final 問題描述 項目中使用Netty接受客戶端的消息,客戶端為硬件設備,在接受數據后發送數據到服務端。 同時因為客戶端沒有聯網&#xff…

IDEA方法注釋模板設置

目錄 創建模板 新建模板:命名為* 設置模板內容-IDEA格式模板 設置模板應用場景 設置參數 創建模板 /**Enter這里我們也按照這種習慣來設置IDEA的方法注釋:File-->Settings-->Editor-->Live Templates 先新建模板組,然后在模板組中…

vscode 配置C/C++環境控制臺參數

您可以通過以下步驟在VS Code中配置C/C環境的控制臺參數: 1,打開VS Code并進入您的C/C項目 2,點擊左側的"調試"圖標,然后點擊頂部的齒輪圖標,選擇“launch.json”。 3,在"launch.json&qu…

深度學習筆記之BERT(五)TinyBERT

深度學習筆記之TinyBERT 引言回顧:DistilBERT模型TinyBERT模型結構TinyBERT模型策略Transformer層蒸餾嵌入層蒸餾預測層蒸餾 TinyBERT模型的訓練效果展示 引言 上一節介紹了 DistilBERT \text{DistilBERT} DistilBERT模型,本節將繼續介紹優化性更強的知…

正則表達式——參考視頻B站《奇樂編程學院》

智能指針 一、背景🎈1.1. 模式匹配🎈1.2. 文本替換🎈1.3. 數據驗證🎈1.4. 信息提取🎈1.5. 拆分字符串🎈1.6. 高級搜索功能 二、原料2.1 參考視頻2.2 驗證網址 三、用法3.1 限定符3.1.1 ?3.1.2 *3.1.3 3.1.…