阅读 2201

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

前言

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

  • 常用触控板手势配置;
  • Dock(程序坞)配置;
  • Terminal(命令行)添加常规配色;
  • 网络加速(你懂的);
  • 安装常用软件:Chrome、iTerm2、VSCode、Git、Sourcetree、NodeJS;
  • 常用软件配置;

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

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

系统配置

触控板配置

开启点按

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

开启拖移

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

Dock(程序坞)配置

移除工作中不常用的软件

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

启用放大

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

Terminal(命令行)配置

on-my-zsh(推荐首选)

mac 预装了 zsh,直接使用 zsh ,配置非常复杂,幸好有开源的 on-my-zsh,感谢掘金网友 @背着行囊独自流浪 的推荐

zsh 设置为默认shell

chsh -s /bin/zsh
复制代码

下载 oh-my-zsh 并初始化 ~/.zshrc 文件

git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh
cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc
复制代码

重启命令行客户端,如果不生效可以试试执行

source ~/.zshrc
复制代码

on-my-zsh 默认自带配色,自带 git 插件,相比 bash 的配置简单很多

更多配置详情可看 这篇文章

bash

配色

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

在命令行中输入 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账号,通过这个来上网

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

github 加速

确保梯_子可正常使用

虽然国内访问github基本上是没问题的,但当你 git clone 的时候,那龟速会让你抓狂,通过接下来的代理配置可以让速度明显提升,以下是配置代理前后速度对比图

https访问

git config --global http.https://github.com.proxy socks5://127.0.0.1:1086
复制代码

其中1086是socks5的监听端口, 这个可以配置的, 每个人不同, 在macOS上一般为1086.

设置完成后, ~/.gitconfig 文件中会增加以下条目:

[http "https://github.com"]
    proxy = socks5://127.0.0.1:1086
复制代码

如果不想用梯_子正常访问,可以考虑取消代理设置

git config --global --unset http.https://github.com.proxy
复制代码

ssh访问

需要修改 ~/.ssh/config 文件, 没有的话新建一个. 同样仅为github.com设置代理:

Host github.com
    User git
    ProxyCommand nc -v -x 127.0.0.1:1086 %h %p
复制代码

常用软件安装及配置

Chrome

iTerm2

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

VSCode

在PATH中安装code命令

fn + F1Command + Shift + P,打开命令面板,搜索 PATH,选择在 PATH中安装code命令,然后在命令行就可以通过 code 命令直接打开用 VSCode 打开文件夹或文件。

常用插件

  • One Dark Pro:Atom最受欢迎的主题,它是有史以来 Visual Studio Code 下载次数最多的主题之一
  • GitLens:它可以帮助你通过 git-blame 注释和代码注释一目了然地查看代码作者身份
  • Chinese (Simplified) Language Pack for Visual Studio Code: 适用于 VS Code 的中文(简体)语言包
  • ESLint:将ESLint JavaScript集成到VSCode
  • open-in-browser:在默认浏览器中预览html文件
  • Prettier:将整个 JS 和 CSS 文档快速格式化为统一的代码样式

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

安装 nvm

用于同时安装多个不同版本的 Nodejs

命令行执行下载

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
复制代码

安装成功默认将会在用户文件夹中生成一个隐藏的 .nvm 文件,同时自动会在 ~/.bash_profile 文件中添加如下配置

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
复制代码

nvm 常用命令

  • nvm install xxx      //安装xxx版本号
  • nvm use xxx        //设置使用xxx版本号
  • nvm ls          //所有已安装的node版本号
  • nvm alias default v10.16.0 //nvm设置默认node版本号

在Mac下卸载NodeJS

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

在终端输入以下命令:

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

截图

推荐使用腾讯出品的 截图 for Mac

Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
复制代码

将以上命令粘贴至终端

yarn

npm i yarn -g --registry https://registry.npm.taobao.org
复制代码

按官方文档装了好久都没搞定,最后用上面的命令一键搞定

其它参考配置


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

关注下面的标签,发现更多相似文章
评论