React系列——nvm、node、npm、yarn(MAC)

nvm,node,npm之間的區別

1、nvm:nodejs版本管理工具。nvm 可以管理很多 node 版本和 npm 版本。
2、nodejs:在項目開發時的所需要的代碼庫
3、npm:nodejs包管理工具。

nvm、nodejs、npm的關系

nvm 管理 nodejs 和 npm 的版本。npm 可以管理 nodejs 的第三方插件。

安裝nvm

自行選擇安裝nvm的版本,這里是v0.33.8

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bashwget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

安裝完成后關閉終端,重新打開終端輸入 nvm 驗證一下是否安裝成功,當出現“Node Version Manager”時,說明已安裝成功。

遇到的問題

1、如果在新的終端輸入nodenvm時提示:command not found: nvm/node,有可能是以下原因之一:

  • 你的系統可能缺少一個 .bash_profile 文件,你可以創建一個此文件(可通過vi或vim命令),打開復制粘貼以下代碼進去,保存,然后再次運行;
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

注意:如果你安裝了 oh my zsh ,需要在 .zshrc 文件去添加配置信息:
在這里插入圖片描述
source ~/.bashrc
2、如果遇到【zsh】command not found: yarn,有可能是你的yarn沒有安裝在全局,建議:

# 全局安裝npm
npm install yarn -g
# 查看全局安裝的包
npm ls -g --depth 0

nvm常用命令

  • nvm install stable 安裝最新穩定版 node

  • nvm install <version> 安裝指定版本,可模糊安裝,如:安裝v5.5.0,既可nvm install v5.5.0,又可nvm install 5.5

  • nvm uninstall <version> 刪除已安裝的指定版本,語法與install類似

  • nvm use <version> 切換使用指定的版本node

  • nvm ls 列出所有安裝的版本

  • nvm ls-remote 列出所有遠程服務器的版本(官方node version list)

  • nvm current 顯示當前的版本

  • nvm alias <name> <version> 給不同的版本號添加別名

  • nvm unalias <name> 刪除已定義的別名

  • nvm reinstall-packages <version> 在當前版本 node 環境下,重新全局安裝指定版本號的 npm 包

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

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

相關文章

2025年AI與網絡安全的終極博弈:沖擊、重構與生存法則

引言 2025年&#xff0c;生成式AI的推理速度突破每秒千萬次&#xff0c;網絡安全行業正經歷前所未有的范式革命。攻擊者用AI批量生成惡意代碼&#xff0c;防御者用AI構建智能護盾&#xff0c;這場技術軍備競賽正重塑行業規則——60%的傳統安全崗位面臨轉型&#xff0c;70%的防…

【Android】Android 實現一個依賴注入的注解

Android 實現一個依賴注入的注解 &#x1f3af; 目標功能 自定義注解 Inject創建一個 Injector 類&#xff0c;用來掃描并注入對象支持 Activity 或其他類中的字段注入 &#x1f9e9; 步驟一&#xff1a;定義注解 import java.lang.annotation.ElementType; import java.lan…

Spring Boot與Kafka集成實踐:從入門到實戰

Spring Boot與Kafka集成實踐 引言 在現代分布式系統中&#xff0c;消息隊列是不可或缺的組件之一。Apache Kafka作為一種高吞吐量的分布式消息系統&#xff0c;廣泛應用于日志收集、流處理、事件驅動架構等場景。Spring Boot作為Java生態中最流行的微服務框架&#xff0c;提供…

ubuntu的虛擬機上的網絡圖標沒有了

非正常的關機導致虛擬機連接xshell連接不上&#xff0c;ping也ping不通。網絡的圖標也沒有了。 記錄一下解決步驟 1、重啟服務 sudo systemctl restart NetworkManager 2、圖標顯示 sudo nmcli network off sudo nmcli network on 3、sudo dhclient ens33 //(網卡) …

生產者 - 消費者模式實現方法整理

一、Channels &#xff08;一&#xff09;使用場景 適用于高并發、大數據量傳輸&#xff0c;且需要異步操作的場景&#xff0c;如實時數據處理系統。 &#xff08;二&#xff09;使用方法 創建 Channel<T>&#xff08;無界&#xff09;或 BoundedChannel<T>&…

OpenCV光流估計:原理、實現與應用

一、什么是光流&#xff1f; 光流(Optical Flow)是計算機視覺中描述圖像序列中像素運動模式的重要概念。它表示圖像中物體在連續幀之間的表觀運動&#xff0c;是由物體或相機的運動引起的。 光流的基本假設 亮度恒常性&#xff1a;同一物體點在連續幀中的亮度保持不變時間持…

Java實現MinIO上傳PDF文件并配置瀏覽器在線打開及vue2上傳頁面

win下載啟動minio結合vue2實現文件上傳瀏覽 一.下載啟動minio 1. 下載minio 2.在D盤創建文件夾 1.首先創建minio文件夾再minio中依次創建bin/data/logs,如下圖 2.把下載的minio.exe放到minio->bin文件中 3.在bin文件夾中輸入cmd打開命令框輸入命令minio.exe server D:…

VR 互動實訓與展示,借科技開啟沉浸式體驗新篇?

對于企業而言&#xff0c;產品設計與展示是極為關鍵的環節&#xff0c;這直接關系到能否成功吸引客戶&#xff0c;以及精準獲取市場反饋。在當下科技飛速發展的時代&#xff0c;VR 互動實訓為這一至關重要的環節注入了全新活力&#xff0c;帶來了前所未有的體驗。以某智能家居企…

進階-數據結構部分:1、數據結構入門

飛書文檔https://x509p6c8to.feishu.cn/wiki/HRLkwznHiiOgZqkqhLrcZNqVnLd 一、存儲結構 順序存儲 鏈式存儲 二、常用數據結構 2.1、棧 先進后出 場景&#xff1a; 后退/前進功能&#xff1a;網頁瀏覽器中的后退和前進按鈕可以使用棧來實現。在瀏覽網頁時&#xff0c;每次…

HarmonyOS Navigation組件深度解析與應用實踐

HarmonyOS Navigation組件深度解析與應用實踐 一、組件架構與核心能力 HarmonyOS Navigation組件作為路由導航的根視圖容器&#xff0c;采用三層架構設計&#xff1a; 標題層&#xff1a;支持主副標題配置&#xff0c;提供Mini/Free/Full三種顯示模式內容層&#xff1a;默認…

基于AI的Web數據管道,使用n8n、Scrapeless和Claude

引言 在當今數據驅動的環境中&#xff0c;組織需要高效的方法來提取、處理和分析網絡內容。傳統的網絡抓取面臨著諸多挑戰&#xff1a;反機器人保護、復雜的JavaScript渲染以及持續的維護需求。此外&#xff0c;理解非結構化的網絡數據則需要復雜的處理能力。 本指南演示了如…

Cadence學習筆記之---PCB器件放置與布局

目錄 01 | 引 言 02 | 環境描述 03 | 元件放置 04 | 布局相關操作 06 | 總 結 01 | 引 言 在上一篇文章中&#xff0c;介紹了如何設置PCB的電氣規則約束&#xff0c;以及如何設置層疊&#xff0c;到此我們已經完成了使用Cadence設計PCB的前期準備工作&#xff1b; 在本篇…

力扣HOT100之二叉樹:199. 二叉樹的右視圖

這道題沒啥好說的&#xff0c;首先定義一個向量來保存每一層的最后一個元素&#xff0c;直接用層序遍歷&#xff08;廣度優先搜索&#xff09;遍歷二叉樹&#xff0c;然后將每一層的最后一個元素加入到這個向量中即可。屬于是二叉樹層序遍歷的模板題。 /*** Definition for a …

CSS:三大特性

文章目錄 一、層疊性二、繼承性三、優先級 一、層疊性 二、繼承性 可以在MDN網站上查看屬性是否可以被繼承 例如color 三、優先級

C++經典庫介紹

在 C 開發的漫長歷程中&#xff0c;涌現出了許多經典的庫&#xff0c;它們在不同的領域發揮著重要作用&#xff0c;極大地提升了 C 開發的效率和質量。下面為你介紹一些 C 開發中的經典庫。 標準模板庫&#xff08;STL&#xff09; STL 堪稱 C 編程領域的基石&#xff0c;是每…

Git本地使用小Tips

要將本地倉庫 d:\test 的更新推送到另一個本地倉庫 e:\test&#xff0c;可以使用 Git 的遠程倉庫功能。以下是具體步驟&#xff1a; ??在 e:\test 中添加 d:\test 作為遠程倉庫?? 在 e:\test 目錄中打開 Git Bash 或命令行&#xff0c;執行以下命令&#xff1a; git remo…

AWS SageMaker vs Bedrock:該選哪個?

隨著生成式 AI 的快速崛起&#xff0c;越來越多企業希望借助云上工具&#xff0c;加速 AI 應用的構建與落地。AWS 作為領先的云服務提供商&#xff0c;提供了兩款核心 AI 服務&#xff1a;Amazon SageMaker 和 Amazon Bedrock。它們雖然同屬 AWS AI 生態系統&#xff0c;但定位…

51單片機的lcd12864驅動程序

#include <reg51.h> #include <intrins.h>#define uchar

Git .gitattributes 文件用途詳解

.gitattributes 是 Git 版本控制系統中的一個配置文件&#xff0c;用于定義特定文件或路徑的屬性&#xff0c;從而控制 Git 如何處理這些文件。它類似于 .gitignore&#xff0c;但功能更廣泛&#xff0c;可以精細化管理文件在版本控制中的行為。 主要用途 以下是 .gitattribut…

使用 Apache POI 生成 Word 文檔

創建一個包含標題、段落和表格的簡單文檔。 步驟 1:添加依賴 確保你的項目中已經添加了 Apache POI 的依賴。如果你使用的是 Maven,可以在 pom.xml 中添加以下內容: <dependency><groupId>org.apache.poi</groupId>