超详细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

相关推荐
鱼樱前端4 小时前
uni-app快速入门章法(二)
前端·uni-app
silent_missile4 小时前
vue3父组件和子组件之间传递数据
前端·javascript·vue.js
IT_陈寒5 小时前
Vue 3.4 实战:这7个Composition API技巧让我的开发效率飙升50%
前端·人工智能·后端
少年阿闯~~6 小时前
HTML——1px问题
前端·html
Mike_jia6 小时前
SafeLine:自托管WAF颠覆者!一键部署守护Web安全的雷池防线
前端
brzhang7 小时前
把网页的“好句子”都装进侧边栏:我做了个叫 Markbox 的收藏器,开源!
前端·后端·架构
VincentFHR8 小时前
Canvas 高性能K线图,支持无限左右滑动
前端·数据可视化·canvas
sophie旭8 小时前
一道面试题,开始性能优化之旅(3)-- DNS查询+TCP(二)
前端·面试·性能优化
面向星辰8 小时前
css选择器(继承补充)
前端·css
koooo~8 小时前
Vue3中的依赖注入
前端·javascript·vue.js