前端开发者的 Mac 配置手册（一） // HeroicYang's Blog

前言

工欲善其事，必先利其器。

目前可供开发人员使用的工具越来越多，合理的使用工具有助于提升开发效率，但种类繁多时选择起来却会让人感觉眼花缭乱。所以我准备在接下来的几篇文章中分享一些我的 Mac 开发环境配置，供大家参考。

XCode

如果是一台全新的 Mac 电脑，那第一件事情就是去安装 XCode 吧。然后在终端中用如下命令安装 Xcode command line tools，按照指引安装即可。

1	$ xcode-select --install

如果你不做 Obj-C 开发，可以跳过 XCode 的安装，直接去下载 Xcode command line tools 来安装即可。

Homebrew

Homebrew 是 Mac 上最受欢迎的包管理工具。

安装

在此之前，必须保证 Xcode command line tools。然后在终端中用如下命令按照指引来安装 Homebrew 。

1	$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装完成之后将 Homebrew 的可执行命令添加到环境变量中。

1	$ echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.bash_profile

简单使用

$ brew install <package_name>  # 安装包
$ brew update                  # 更新包目录
$ brew outdated                # 查看需要更新的包
$ brew upgrade <package_name>  # 更新包
$ brew list                    # 查看已安装的包

Cakebrew

如果你不喜欢命令行方式来管理，那么 Cakebrew 是极好的选择。Cakebrew App 提供了可视化的界面来接管一部分 brew 命令，大多数操作都可以直接在界面上点几下来完成。

下载地址

iTerm2

替换掉 OS X 自带的 Terminal，不是因为自带的很差劲，而是一款强劲的终端程序可以有效的提升效率（即便是少敲点字符也行）。

下载地址

Zsh

Zsh 号称终极 Shell，所以愉快的干掉自带的 Bash 吧（自带的又躺了😂）… Zsh 提供了强大的自动补全功能，能自动补全命令、参数、文件名、进程等。

而 oh-my-zsh 是基于 Zsh 的功能做了一个扩展，提供了方便的插件管理、主题自定义，以及漂亮的自动完成效果。

$ curl -L https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh | sh
$ # 安装完成后将当前的环境变量导入 .zshrc 中
$ echo "export PATH=$PATH" >> ~/.zshrc
$ source ~/.zshrc

在 ~/.zshrc 中按照个人喜好配置主题（ZSH_THEME），以及各种插件(plugins)。主题太多，任君选择。另外，以下是我的插件启用情况。

1	plugins=(git github git-flow git-extras brew osx node npm copydir copyfile cp sublime zsh-syntax-highlighting)

Git

我们是前卫的前端工程师，不用 Git 怎么好意思和别人打招呼呢。。。😂

1 2	$ git --version # 如果提示命令不存在，那用 Homebrew 来安装吧 $ brew install git

然后配置一些全局的信息。

1 2	$ git config --global user.name "Your Name" $ git config --global user.email "your_email@youremail.com"

如果使用 SSH 方式来拉取/推送代码，请参考这里。而 HTTPS 方式如果不想每次都输入你的 Git 用户名和密码的话，请继续按照以下配置。

1	$ git config --global credential.helper osxkeychain

Node.js

我们是前卫的前端工程师，没用过 Node.js 肯定也听过 Node.js 吧，否则真的是不好意思和别人打招呼的😂。。。少年，赶紧去官网下载安装吧~

NPM

Node 的包管理系统。安装好 Node 之后自带，不过在某些 Node 版本中自带的 NPM 版本较低，你需要执行下面命令来升级。

1	$ sudo npm up npm -g # 用 NPM 升级 NPM，感觉很酷对吧？

另外，推荐安装以下包：

1
2
3

$ sudo npm i gulp -g        # 前端构建工具
$ sudo npm i grunt-cli -g   # 另一个前端构建工具
$ sudo npm i bower -g       # 前端包管理工具（为毛又一个包管理工具？不要在意这些细节）

Golang (optional)

这一小节算是赠送啦，反正你都看到这里了。。。

Golang 是谷歌开发的一门现代编程语言，强类型、并发、高性能、语言特性简洁高效… 恩，另外，Node 社区的 TJ 大神目前已转投此阵营…

安装就不用说了，上官网下载即可。如果你没办法越过 GFW，那去这里下载吧。

配置

我一般会为 Go 配置两个 GOPATH，/usr/local/share/go 用于安装第三方包，~/codes/go 用于放置自己项目代码（工作目录）。

$ echo "export GOROOT=/usr/local/go" >> ~/.zshrc
$ echo "export GOPATH=/usr/local/share/go:$HOME/codes/go" >> ~/.zshrc
$ echo "export PATH=$PATH:/usr/local/share/go/bin" >> ~/.zshrc
$ source ~/.zshrc
$ mkdir $HOME/codes/go    # 创建自己的工作目录

HeroicYang's Blog

前端开发者的 Mac 配置手册（一）

前言