618教育优惠入手了一台MacMini，记录下从0开始搭建前端开发环境的过程。BTW，3k的M2真的好香啊

一、安装Homebrew

Homebrew 是 macOS 的套件管理工具，是高效下载软件的一种方法。有点类似App Store，可以让你的开发环境依赖的一些软件管理起来更方便。

官网: Homebrew

• 使用官网提供的安装方式

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

由于某些大家都懂的网络原因，可能会安装失败。

• 更换安装源或者自行科学上网

/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"

安装过程会要求输入密码

输入回车确认

中间可能会自动安装Xcode Command Line Tools

安装成功后，根据提示，配置环境变量。默认提示的如果执行有问题，可以尝试我下面这种写法。

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

执行brew -v，如果终端成功输出了版本号，关闭终端，重新打开，也可以输出版本号。则安装成功

二、配置node环境

fnm也是一个node版本管理工具，作用类似nvm，个人改用fnm的原因主要是因为nvm每次启动terminal时间比较长。大家可以根据喜好自行选择，安装及使用方式都是基本一致的

• Homebrew安装fnm

brew install fnm

通过Homebrew安装的软件一般不需要单独配置环境变量，打开新终端，输入fnm -V，如果成功输出了版本号，就代表安装成功了。

• 通过fnm安装node

fnm install --lts

我这里安装的是LTS版本，如果需要对应版本的node可以直接输入版本进行安装

输入node -v查看node版本，代表node成功被安装

PS：如果在执行fnm use的时候报错We can't find the necessary environment variables to replace the Node version.，可以尝试配置一下环境变量。

echo 'eval "$(fnm env)"' >> ~/.zprofile

三、安装oh-my-zsh(可选)

• curl安装

# Github
sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

# Gitee
sh -c "$(curl -fsSL https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh)"

• wget安装

# Github
sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

#Gitee
sh -c "$(wget -O- https://gitee.com/pocmon/mirrors/raw/master/tools/install.sh)"

两种方式都是一样的，如果拉取Github过慢或者443，可以使用Gitee的源

四、其他推荐工具的安装

Git

macOS系统应该是自带了Git的，输入git -v查看版本，如果没有的话，也可以使用HomeBrew来安装

brew install git

nrm

nrm(npm registry manager )是npm的镜像源管理工具。可以方便我们管理和切换源。 直接使用npm安装就可以了

Github

npm install -g nrm

细节可查看Github的README文件

如果安装后无法使用，报错

可以手动安装下open包

npm install -g open

tree

个人比较喜欢的，推荐安装

brew install tree

使用方式

tree (path) -L (level)

详细使用方式可以输入tree --help查看

效果截图

ending