前端入职必备mac版保姆级教程-node篇

爱学前端的Ron
494 阅读3分钟

前端入职后，第一天就是配置环境，尤其是windows转mac用户来说，说实话还是稍微有点头疼的，左边搜一篇右边搜一篇，之前实习时候看到公司有文档，但是也有一点陈旧了，而且也不知道每条指令是干什么的，最近购入了mac电脑，乘此机会做一篇笔记，这篇文章会非常详细，作者主要是为了透彻的学习，感谢大家的阅读！

一. 安装 Homebrew

首先就是安装Homebrew这个牛掰的东西了，Homebrew 是 macOS 和 Linux 上的一个开源包管理器，主要用于简化软件的安装、管理和更新。它提供了一个方便的命令行界面，让用户可以轻松地安装、卸载和更新各种软件包和工具，而不需要手动下载和配置，

1.打开终端（macOS 默认 Shell 从 Catalina 开始）：

2.运行安装命令

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

大陆上的用户可能会报这个错（非大陆的直接跳过下面的）

curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 1 ms: Couldn't connect to server

我们可以用国内的包

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"

重新启动终端输入brew config查看brew的配置，我们就可以看到brew已经更换了国内源，这也代表着我们已经成功安装的brew了

HOMEBREW_VERSION: 4.4.6

ORIGIN: https://mirrors.ustc.edu.cn/brew.git

HEAD: cc0b5d6d05d1f3af5b2f53e9fbb1e7bfa0c332ab

Last commit: 3 days ago

Core tap JSON: 20 Nov 10:40 UTC

Core cask tap JSON: 20 Nov 10:40 UTC

HOMEBREW_PREFIX: /opt/homebrew

HOMEBREW_API_DOMAIN: https://mirrors.ustc.edu.cn/homebrew-bottles/api

HOMEBREW_BOTTLE_DOMAIN: https://mirrors.ustc.edu.cn/homebrew-bottles/bottles

HOMEBREW_CASK_OPTS: []

HOMEBREW_MAKE_JOBS: 10

HOMEBREW_PIP_INDEX_URL: https://mirrors.aliyun.com/pypi/simple/

Homebrew Ruby: 3.3.6 => /opt/homebrew/Library/Homebrew/vendor/portable-ruby/3.3.6/bin/ruby

CPU: 10-core 64-bit arm_donan

Clang: 16.0.0 build 1600

Git: 2.39.5 => /Library/Developer/CommandLineTools/usr/bin/git

Curl: 8.7.1 => /usr/bin/curl

macOS: 15.1-arm64

CLT: 16.1.0.0.1.1729049160

Xcode: N/A

Rosetta 2: false

zsh 中解释命令原理（这个是为了理解命令，着急的话可以不用看）

  • /bin/bash

    • 这是指使用 bash Shell 来执行后续的命令。
    • /bin/bash 是 macOS 中 Bash Shell 的默认路径，确保我们使用的是系统提供的 Bash 版本。

  • -c

    • 这是 bash 的一个选项，表示将接下来的字符串作为命令执行。
    • 换句话说，-c 后面的内容就是要运行的脚本。

  • $(...)

    • 这是一个命令替换符，会先运行括号内的命令，并将其输出作为结果传递给外部命令。

    • 在这里，括号内的命令是：

      /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

  • curl

    • curl 是一个用于从指定的 URL 下载数据的命令行工具。

    • 选项解释：

      • -f：失败时不输出任何内容（Fail silently on HTTP errors）。
      • -s：安静模式，不显示额外的信息（如进度条）。
      • -S：当使用 -s 时，如果发生错误仍显示错误信息。
      • -L：跟随重定向（如果目标 URL 被重定向到另一个地址，会继续下载目标文件）。

    • 目标 URL 是 Homebrew 安装脚本的地址：
      https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh

  • https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh

    • 这是 Homebrew 官方提供的安装脚本的地址。这个脚本是公开的，可以直接查看其内容。

  • $(curl ...)

    • 通过 curl 下载脚本的内容，并将内容传递给 bash 进行执行。

二.安装NVM

  1. 使用 Homebrew 安装 NVM：

    brew install nvm

  2. 创建 NVM 所需的目录：

    mkdir ~/.nvm

    命令 mkdir ~/.nvm 的作用是：

  • mkdir：这个命令用于创建一个新的目录（文件夹）。
  • ~/.nvm：这是一个路径，表示在当前用户的主目录下创建一个名为 .nvm 的隐藏文件夹。
详细解释：
  • ~：代表当前用户的主目录（例如 /Users/你的用户名）。
  • .：表示隐藏文件或文件夹。
  • .nvm：表示你要创建的隐藏目录的名称，通常用于存放 NVM（Node Version Manager）相关文件。

所以，运行 mkdir ~/.nvm 之后，你将在当前用户的主目录下创建一个名为 .nvm 的隐藏目录，通常用来存放 NVM 管理的 Node.js 版本。

  1. 编辑你的 Shell 配置文件，确保 NVM 正常加载：（最好两个都配置，不然后期使用时候，用到另一个终端发现没环境）

    • 如果你使用的是 zsh

      vim ~/.zshrc

    • 如果你使用的是 bash：

      vim ~/.bashrc

在两个配置文件中都添加以下内容：

```zsh
export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh" # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion
```

  • 保存并退出（在 vim 中按 ESC，然后回车，再输入 :wq+回车退出）。

  • 重新加载 Shell 配置文件或重新打开终端：

    source ~/.zshrc  # 如果你用的是 zsh
source ~/.bashrc # 如果你用的是 bash

  • 验证 NVM 是否安装成功：

    nvm --version

    如果看到版本号，说明 NVM 安装成功。

三.使用 NVM 安装 Node.js

  1. 查看可用的 Node.js 版本：
nvm list-remote

你会看到一长串可用版本，例如 v18.17.0。

  1. 安装你需要的 Node.js 版本（例如安装 v18.17.0）：
nvm install 18.17.0
  1. 查看已安装的 Node.js 版本：
nvm list
  1. 设置默认使用的 Node.js 版本（例如设置为 v18.17.0）：
nvm alias default 18.17.0
  1. 验证 Node.js 和 npm 是否可用：
node -v
npm -v

四：总结

这时候node环境就已经搭建好了，为了让大家不踩雷，我自己重新弄了一个干净的环境试验，祝大家搭建成功！

avatar
文章
阅读
粉丝