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

nvm,node,npm之间的区别

yaml 复制代码
1、nvm:nodejs版本管理工具。
   nvm 可以管理很多 node 版本和 npm 版本。
2、nodejs:在项目开发时的所需要的代码库
3、npm:nodejs包管理工具。

nvm、nodejs、npm的关系

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

安装nvm

自行选择安装nvm的版本,这里是v0.33.8

bash 复制代码
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

wget -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命令),打开复制粘贴以下代码进去,保存,然后再次运行;
bash 复制代码
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没有安装在全局,建议:

bash 复制代码
# 全局安装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 包

相关推荐
秋雨梧桐叶落莳1 天前
【iOS】从源码深入理解RunLoop机制
macos·ios·objective-c·cocoa·cocoapods·uikit
Carl_奕然1 天前
【智能体】Agent的四种设计模式之:React(2026最新版)
javascript·人工智能·python·react.js·设计模式·语言模型
名为沙丁鱼的猫7291 天前
React/JSX 编码规范
前端·javascript·react.js
别走!万哥爱你1 天前
Mac访达中不显示iPad或iPhone怎么办?
macos·iphone·ipad
Light Gao1 天前
企业级移动端 APP 架构设计:从原生双端到 Hybrid、React Native 与 Flutter
flutter·react native·react.js
ACP广源盛139246256731 天前
M6/M5 Pro Mac mini 端侧 AI 爆发@ACP#YLB3118 存储扩展芯片在本地 AI 服务中的机会与落地场景
大数据·网络·数据库·人工智能·嵌入式硬件·macos
zzzzzz3101 天前
看 react-bits,不要只看“酷炫”:一套阅读动画交互组件库的框架
javascript·react.js·动效
guo_wen_qiang1 天前
mac中docker desktop服务端开启远程访问
运维·服务器·macos·docker
光影少年2 天前
react navite手写 FlatList 优化配置
前端·react native·react.js
OsDepK2 天前
xcode应用构建至testflight测试流程
ide·macos·xcode