超详细mac上用nvm安装node环境,配置npm

一、安装NVM

打开终端,运行以下命令来安装NVM:

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

然后就会出现如下代码:

复制代码
=> Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zprofile, ~/.zshrc, and ~/.profile.
=> Create one of them and run this script again
   OR
=> Append the following lines to the correct file yourself:

这部分表明NVM安装脚本尝试自动将NVM的初始化代码添加到你的shell配置文件 中,但没有找到任何支持的配置文件(如.bashrc.bash_profile.zshrc等)。因此,它提示你需要手动将NVM的初始化代码添加到你的配置文件中。

Shell配置文件的主要作用是设置和定制用户的Shell环境。这些文件在系统启动时或用户打开终端时被读取和执行,用于配置和自定义用户的Shell环境。这些文件包含各种配置指令,用于定义环境变量、别名、函数、启动程序等

1、确定你的Shell配置文件

通过以下命令检查当前使用的Shell:

javascript 复制代码
echo $SHELL
  • 如果输出是/bin/bash,则使用bash

  • 如果输出是/bin/zsh,则使用zsh

2、编辑配置文件

根据你的Shell类型,选择对应的配置文件进行编辑。

对于bash用户:
javascript 复制代码
nano ~/.bash_profile
对于zsh用户:
复制代码
nano ~/.zshrc

3、添加NVM初始化代码

在打开的配置文件中,添加以下NVM初始化代码回车

javascript 复制代码
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

按**Ctrl + X** ,然后按**Y** 确认保存,最后按**Enter**键保存

代码解释(可跳过):

复制代码
export NVM_DIR="$HOME/.nvm"
  • export:这是一个Shell命令,用于将变量导出为环境变量,使其在当前Shell会话及其子进程中可用。

  • NVM_DIR:这是一个环境变量,用于存储NVM的安装路径。

  • $HOME :这是一个环境变量,表示当前用户的主目录(例如/Users/hyt)。

  • /.nvm:这是NVM的默认安装路径。

  • "$HOME/.nvm" :表示将NVM安装在用户主目录下的.nvm目录中。

这行代码的作用是将NVM的安装路径设置为$HOME/.nvm,并将其导出为环境变量NVM_DIR

复制代码
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
  • [ -s "$NVM_DIR/nvm.sh" ] :这是一个条件测试,检查文件$NVM_DIR/nvm.sh是否存在且文件大小不为0。-s是一个文件测试操作符,用于检查文件是否存在且文件大小不为0。

  • &&:这是一个逻辑AND操作符,表示如果前面的命令成功(即返回状态码为0),则执行后面的命令。

  • \. :这是一个Shell命令,用于执行指定的文件。这里的\是转义字符,用于防止Shell将.解释为路径分隔符或其他特殊字符。在这里,.是一个内置命令,用于执行指定的文件,类似于source命令。

  • "$NVM_DIR/nvm.sh" :表示执行$NVM_DIR目录下的nvm.sh脚本。

  • # This loads nvm:这是一个注释,说明这行代码的作用是加载NVM。

这行代码的作用是检查$NVM_DIR/nvm.sh文件是否存在且文件大小不为0,如果条件满足,则执行该文件。执行nvm.sh脚本会初始化NVM,使其在当前Shell会话中可用。

4、重新加载配置文件

为了使更改生效,你需要重新加载配置文件。

  • 对于bash

    复制代码
    source ~/.bash_profile
  • 对于zsh

    复制代码
    source ~/.zshrc

5、验证NVM是否生效

复制代码
nvm --version

如果输出了NVM的版本号(例如v0.39.5),则说明NVM已经成功加载。

二、安装Node.js

复制代码
nvm install 16.13

验证Node.js和npm是否安装成功

复制代码
node -v
npm -v

如果输出了Node.js和npm的版本号,说明安装成功。

三、Homebrew

安装脚本 (终端中粘贴下方命令回车)

复制代码
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

卸载脚本:

复制代码
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh)"

详细网站

https://zhuanlan.zhihu.com/p/111014448

相关推荐
whatever who cares14 分钟前
CSS3 伪元素(Pseudo-elements)大全
前端·css·css3
若愚679216 分钟前
前端取经路——性能优化:唐僧的九道心经
前端·性能优化
Bl_a_ck1 小时前
开发环境(Development Environment)
开发语言·前端·javascript·typescript·ecmascript
田本初1 小时前
使用vite重构vue-cli的vue3项目
前端·vue.js·重构
ai产品老杨1 小时前
AI赋能安全生产,推进数智化转型的智慧油站开源了。
前端·javascript·vue.js·人工智能·ecmascript
帮帮志2 小时前
vue实现与后台springboot传递数据【传值/取值 Axios 】
前端·vue.js·spring boot
xixingzhe22 小时前
Nginx 配置多个监听端口
服务器·前端·nginx
清风细雨_林木木3 小时前
Vue 2 项目中配置 Tailwind CSS 和 Font Awesome 的最佳实践
前端·css·vue.js
逊嘘3 小时前
【Web前端开发】CSS基础
前端·css
小宁爱Python3 小时前
深入掌握CSS Flex布局:从原理到实战
前端·javascript·css