前端环境搭建MAC版

206 阅读1分钟

希望能帮助到搭建开发环境烦心的胖友们

包管理工具

  1. 安装 Homebrew

Homebrew 是 macOS 上的包管理器,方便安装和管理软件包。

如果你在中国安装 Homebrew,可以使用国内的镜像源来加快下载速度。以下是使用国内源安装 Homebrew 的详细步骤:

  1. 使用国内镜像安装 Homebrew

打开终端,运行以下命令:

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

这个脚本会自动设置国内的镜像源,并安装 Homebrew。

  1. 验证安装

安装完成后,您可以通过以下命令来验证 Homebrew 是否安装成功:

brew -v
  1. 设置 Homebrew 的环境变量

编辑或创建 ~/.zshrc 文件,添加以下内容来设置 Homebrew 的环境变量:

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

使更改生效:

source ~/.zshrc

安装 Node.js 和 npm

Node.js 是 JavaScript 运行时,npm 是 Node.js 的包管理器。

brew install node

安装完成后,验证安装是否成功:

node -v
npm -v

管理 Node.js 版本

n 是一个 Node.js 版本管理工具,允许您轻松地安装和切换不同的 Node.js 版本。本文将介绍如何安装和使用 n 来管理 Node.js 版本。

安装 n

首先,确保您已经安装了 Node.js 和 npm。然后,使用以下命令全局安装 n

npm install -g n

安装和切换 Node.js 版本

要安装最新的稳定版 Node.js,运行以下命令:

n stable

要安装最新的 LTS 版 Node.js,运行以下命令:

n lts

安装特定版本的 Node.js

要安装特定版本的 Node.js,例如 14.17.0,运行以下命令:

n 14.17.0

列出已安装的 Node.js 版本

要查看已经安装的 Node.js 版本列表,运行以下命令:

n

切换到其他已安装的 Node.js 版本

要切换到其他已安装的 Node.js 版本,可以使用上下箭头键选择版本,然后按回车键确认。

卸载特定版本的 Node.js

要卸载特定版本的 Node.js,例如 14.17.0,运行以下命令:

n rm 14.17.0

使用 sudo 安装 Node.js 版本(适用于 Linux 和 macOS)

在某些系统中,您可能需要使用 sudo 来安装 Node.js 版本。要使用 sudo 安装 Node.js,运行以下命令:

sudo n stable

设置环境变量

安装或切换 Node.js 版本后,您可能需要重新加载 shell 配置文件,以便新的 Node.js 版本生效。对于 Bash 用户,运行以下命令:

source ~/.bashrc

对于 Zsh 用户,运行以下命令:

source ~/.zshrc

验证 Node.js 版本

要验证当前使用的 Node.js 版本,运行以下命令:

node -v

安装 pnpm

pnpm 是高效的包管理器,替代 npm 和 Yarn。

npm install -g pnpm

安装完成后,验证安装是否成功:

pnpm -v

安装 Git

Git 是分布式版本控制系统。

brew install git

安装完成后,验证安装是否成功:

git --version

配置 Git:

git config --global user.name "Your Name"
git config --global user.email "you@example.com"

安装 VSCode

VSCode 是功能强大的代码编辑器。

brew install --cask visual-studio-code

安装其他开发工具

根据具体项目需求,安装其他工具。例如:

  • 安装 Python(如有需要):
brew install python
  • 安装 Docker(如有需要):
brew install --cask docker

设置 Zsh 和 Oh My Zsh

macOS 默认使用 Zsh 作为终端,可以通过 Oh My Zsh 进行增强。

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

安装完成后,可以通过修改 ~/.zshrc 文件来定制 Zsh 配置。


安装 iTerm2(可选)

iTerm2 是增强的终端应用,替代 macOS 默认的 Terminal。

brew install --cask iterm2

安装完成后,打开 iTerm2 并进行基本配置。


结论

通过以上步骤,你已经成功搭建了一个适用于前端开发的 Mac 环境。根据项目的具体需求,可以进一步安装和配置其他工具和依赖。