沐光

记录在前端之路的点点滴滴

Mac 环境配置

前言

最近新换了一台 Mac(原来公司的 Mac 敲多了胳膊酸),因此又要重新配置 Mac 环境,想了想如果之后 Mac 又换了一台,那不又双叒叕得重新翻阅文档再配置一遍 Mac 吗。为了省去之后再次查资料的麻烦,这里写一篇记录文。

安装 Homebrew

Homebrew 可以说是每台 Mac 必备的包管理工具了。因为官方的源经常连接不上,因此可用镜像安装方式来安装:

1
2
# 中科大的源
/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"

如果中间 homebrew-core 安装不上,则先终止安装,然后执行下述操作:

1
2
3
4
5
6
7
8
# 进入安装目录
cd "$(brew --repo)/Library/Taps/"

# 创建 homebrew 目录
mkdir homebrew && cd homebrew

# 克隆 homebrew-core 仓库
git clone git://mirrors.ustc.edu.cn/homebrew-core.git

克隆完成后执行:

1
brew update

如果想换源可查看参考文档或自行查询相关文档。

安装 git

git 在大多数情况下都会用到,因此优先安装。

1
2
3
4
5
6
7
8
brew install git

# 配置 git
git config --global user.name "你的名字"
git config --global user.email "你的邮箱"

# 生成 ssh key(一直回车即可)
ssh-keygen -t rsa -C "你的邮箱"

配置 vim

因为后续的配置需要用到 vim,因此我们先配置一下 vim,让编辑得更舒服。

创建一个 .vimrc 文件,在内部加上如下内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
syntax on                " 设置高亮
set number " 默认显示行号
set ruler " 显示标尺
set expandtab " 空格代替 Tab
set tabstop=2 " Tab 键宽为 2
set nobackup " 不生成临时文件
set noeb " 在处理未保存或只读文件的时候,弹出确认
set scrolloff=3 " 光标移动到buffer的顶部和底部时保持3行距离
set mouse=a " 内部滚动
" 语言设置
set langmenu=zh_CN.UTF-8
set helplang=cn
" 主题设置
set background=dark
colorscheme solarized

主题部分需要安装对应的包,操作如下(如果有则忽略):

1
2
3
4
5
6
7
8
9
# 创建 .vim/colors 文件夹(有则跳过)
mkdir -p ~/.vim/colors
# 进入文件夹
cd ~/.vim/colors
# 克隆主题并拷贝出来
git clone git://github.com/altercation/vim-colors-solarized.git
cp vim-colors-solarized/colors/solarized.vim ~/.vim/colors/
# 删除仓库
rm -rf vim-colors-solarized

安装 oh-my-zsh

同样 oh-my-zsh 官方版容易挂,这里仍然记录的是镜像版的安装方式:

1
2
3
4
5
# 切换 shell 为 zsh(重新打开后生效)
chsh -s /bin/zsh

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

默认的 zsh 貌似仅有 git 插件,主题也不怎么好看,这里先改改 ~/.zshrc

1
2
3
4
5
6
7
8
9
10
11
12
# 创建一个 .bashrc 文件
touch ~/.bashrc

# 更改 ~/.zshrc
## 主题部分设置
ZSH_THEME="pygmalion"

## 插件部分的设置
plugins=(git zsh-syntax-highlighting zsh-autosuggestions)

## 最后一行添加上(附带启动执行的文件)
source ~/.bashrc

配置完了,然后是下载插件

1
2
3
4
5
# 进入自定义插件目录
cd ~/.oh-my-zsh/custom/plugins
# 拷贝插件
git clone https://github.com/zsh-users/zsh-autosuggestions.git
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git

配置 iterm

下载 solarized 主题,下载链接,这里我创建了一个 Custom 文件夹,解压缩在里边,然后进入 oxs-terminal.app-colors-solarized 文件夹,安装对应的俩 .terminal 主题(双击运行即可)。

item-theme

安装完后下载的主题可以删掉了

打开 iTerm2 -> Preferences,分别配置三处地方(Colors、Text、Window)

  • Colors 部分:配置主题色为 solarized dark
  • Text 部分:设置字体 Font 大小
  • Window 部分:设置 Transparent 背景透明度

item-config

一般设置前俩就够了,Window 主要配置 transparence 来控制背景透明度。

配置 nvm

配置 node 环境这里选用 nvm 来控制,这样方便 node 版本快速切换,Mac 的安装方式很简单:

1
brew install nvm

nvm 安装完后,通过 nvm ls-remote v12 来看云上 12 版本 node 有哪些,安装最新维护版本的 node 即可(其余版本同理):

1
2
3
4
5
6
7
8
# 安装 node
nvm install v12.18.3

# 取个别名方便查找
nvm alias node12 v12.18.3

# 使用 node12
nvm use node12

此外,部分全局安装的包这里列举一下:

  • yarn(通过 yarn 安装全局包就不用担心 node 切换后找不到包)
  • nrm(换 npm 源比较方便)
  • pm2(守护进程)

安装 nginx

使用万能的 brew 安装

1
2
3
4
5
# 安装 nginx
brew install nginx

# 后台启动
brew services start nginx

附带一些 nginx 的默认配置地址:

1
2
3
4
5
6
# brew 安装 nginx 的路径
/usr/local/Cellar/nginx/1.6.2
# 配置文件路径
/usr/local/etc/nginx/nginx.conf
# 服务器默认路径
/usr/local/var/www

因为层级比较深,建议还是用 ln -s 软链出来,统一管理会更为方便

常用工具推荐

除了环境外我们还需要一些办公工具,这里列举一些:

  • Vscode
  • Numi(自然语言计算器)
  • Chrome
  • Navicat
  • Agenda(我比较喜欢的 todoList 软件)
  • WPS
  • XMind
  • Transmit(连接服务器的文件传输工具)
  • Alfred4(高配聚焦)
  • Postman
  • Typora(markdown 写作工具)
  • Github Desctop
  • rdm(redis 连接工具)
  • StarUML(流程图)
  • Omniplan(排期工具)
  • OneNote 或 有道云笔记
  • V2Rayx(科学上网需要)
  • Scroll Reverser(外接鼠标滚轮方向配置)
  • Axure(看产品原型图必备)

配置 VSCode

通过 Sync 同步我个人的配置,这里记录 Sync 的配置,后续只需通过 gist 拉取即可

  1. Command/Ctrl + Shift + P 调出控制台
  2. 输入 Sync
  3. 选择 Sync 高级选项
  4. 选择 从公开 Gist 下载配置
  5. 点击 Code -> Preference -> Settings 进入配置页面
  6. 输入 Sync 并找到 Gist,然后输入 Gist ID 为 0e7fde6e07ce3d8a9947880187fe5a3f
  7. 取消勾选 Remove Extensions,但需要勾选上 Sync Extensions(否则原有插件消失概不负责)
  8. Shift + Option + D 下载插件即可

之后 settings.json 的配置文件可以根据具体情况来修改,建议配合项目的 .vscode/settings.json 来更好的配置项目。

参考文章