KonishiLee'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

使用

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

Cakebrew

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

iTerm2

替换掉 OS X 自带的 Terminal,不是因为自带的很差劲,而是一款强劲的终端程序可以有效的提升效率(即便是少敲点字符也行),iTerm2无疑是我的钟爱。

当然这里也介绍一下Tmux+iTerm2也是一个很好的组合。

Zsh

Zsh 号称终极 Shell,所以应该很多人都会抛弃自带的 Bash 吧,脑补一句(Bash:臣妾真的做不到)…Zsh提供了强大的自动补全功能,能自动补全命令、参数、文件名、进程等。

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

1
2
3
4
$ 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是不是Out的不敢出门跟别人打招呼了呢…

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,感觉很酷对吧?

再来介绍一下CNPM,一个完整 npmjs.org 镜像,比NPM更快,更强,但是如果是新的 package 那可能同步不是那么及时。

另外,推荐一些 package

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 用于放置自己项目代码(工作目录)。

1
2
3
4
5
$ 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 # 创建自己的工作目录

原文

《前端配置 - From Heroicyang》

这里是配置的第一部分,非常感谢 Heroicyang 将我带入坑,坚决爬坑到底…

如果喜欢这个分享,就帮忙买杯咖啡吧