前端开发工程师的 Mac 初始化配置

最近工作换了新的 Mac 电脑，看着开机画面，我脑子里的第一反应就是：完了，又要重新开始，然后就在想是不是有这样一个工具，程序员专用一键快速配置如下功能：

_

网上简搜索了一番，结果正如我预期那样，谁特么会做这么个无聊的工具 -_-，还是老老实实的自己动手吧，这种初始化配置对大多数人来说可能都是几年才难得做一次，所以一些细节基本上还是边谷(百)歌(度)边操作，所以我干脆把这个过程记录下来，也方便日后提供给公司新同事作为入职参考文档。

**说明：本文提及的配置是相对我个人的使用习惯，并非一定是对所有人通用**
复制代码

系统配置

触控板配置

开启点按

进入 系统偏好配置 - 触控板 ，在 光标与点按 中勾选 轻点来点按 ，通过轻轻一点就可以触发点击操作，提高效率；

开启拖移

进入 系统偏好配置 - 辅助功能 ，点击 鼠标与触控板 ，点击 触控板选项 ，勾选 启动拖移 ，确保后面选中的是 三指拖移 ，通过三个手指可以实现鼠标拖动效果，用于窗口拖动，文字拖选等，可大幅降低对鼠标的依赖；

Dock(程序坞)配置

移除工作中不常用的软件

如 Facetime 照片 通讯录 地图 信息 ，在软件上两指轻点，点击 选项 从程序坞中移除 ；

启用放大

在分隔线上两指轻点，点击 启用放大 ，好处在于，通过另外设置Dock的软件图标变小，可以容纳更多的软件；

Terminal(命令行)配置

配色

默认情况下的命令行界面长这样的，单调乏味，不易读，我们需要点给它点颜色

在命令行中输入 touch ~/.bash_profile && open ~/.bash_profile ，生成一个 .bash_profile 文件，并默认用文本编辑器打开它，添加以下内容并保存

#enables colorin the terminal bash shell export
export CLICOLOR=1

#setsup thecolor scheme for list export
export LSCOLORS=gxfxcxdxbxegedabagacad
 
#sets up theprompt color (currently a green similar to linux terminal)
export PS1='\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;36m\]\w\[\033[00m\]\$ '
#enables colorfor iTerm
export TERM=xterm-256color
复制代码

关闭当前命令行窗口，重新打开就会看到配色效果

如果觉得这里推荐的配色效果不满意，想继续自己折腾下，推荐看这篇文章 【Linux Bash 提示符的一些骚操作】

显示git分支名

如果想在命令行中显示 git 分支名，则需要在 .bash_profile 文件中额外添加一些获取分支名称的逻辑

# 用于获取git分支名的逻辑 start
function git-branch-name {
  git symbolic-ref HEAD 2>/dev/null | cut -d"/" -f 3
}
function git-branch-prompt {
  local branch=`git-branch-name`
  if [ $branch ]; then printf " [%s]" $branch; fi
}
# 用于获取git分支名的逻辑 end

#enables colorin the terminal bash shell export
export CLICOLOR=1

#setsup thecolor scheme for list export
export LSCOLORS=gxfxcxdxbxegedabagacad
 
#sets up theprompt color (currently a green similar to linux terminal)
export PS1="\[\033[01;32m\]\u@\h\[\033[00m\]:\[\033[01;36m\]\w\[\033[00m\] \[\033[0;32m\]\$(git-branch-prompt)\[\033[0m\] \$ "

#enables colorfor iTerm
export TERM=xterm-256color
复制代码

梯 _ 子

如果公司网络没有内建梯 _ 子，那强烈建议大家自己搭一个，或买一个SS账号，通过这个来上网

由于这部分内容比较敏感，点到为止，以下软件安装部分可能会需要开启此功能

常用软件安装及配置

Chrome

• 官方下载地址
• pc6下载地址

iTerm2

• 官方下载地址

更多配置可参考：【iTerm2设置及使用】

VSCode

• 官方下载地址

常用插件

One Dark Pro
GitLens
Chinese (Simplified) Language Pack for Visual Studio Code
ESLint
open-in-browser
Prettier

Git

• 官方下载地址

安装可能遇到的问题

系统升级了到 10.14.4 MacOS Mojave，git 安装成功后，命令行输入 git 报错

xcrun: error: invalid active developer path
 (/Library/Developer/CommandLineTools), missing xcrun at:
 /Library/Developer/CommandLineTools/usr/bin/xcrun
复制代码

解决办法：命令行输入

xcode-select --install
复制代码

命令行输入 git 可能还会报如下报错

xcode-select: error: command line tools are already installed, use "Software Update" to install updates
复制代码

解决办法：命令行输入

rm -rf /Library/Developer/CommandLineTools && xcode-select --install
复制代码

git 命令自动补全

首先下载自动补齐脚本，使用curl命令如下：

curl https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash -o ~/.git-completion.bash
复制代码

在命令行中输入 open ~/.bash_profile ，打开 .bash_profile 文件，添加以下内容并保存

# git 自动补全 start
[ -f /usr/local/etc/bash_completion ] && . /usr/local/etc/bash_completion
source ~/.git-completion.bash
# git 自动补全 end
复制代码

重启终端后应该就可以愉快的使用tab来自动补全了。

Sourcetree

• 官方下载地址

NodeJS

• 官方下载地址

在Mac下卸载NodeJS

在 node 官网上下载的安装包，用安装包安装的node应该可以用一下命令行卸载：

在终端输入以下命令：

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
复制代码

I'm Gafish 原创文章，首发于 我的博客 ，内容如有错误，还望指正，谢谢您的阅读。