macOS 快速搭建开发环境

工欲善其事，必先利其器，开发者搭建开发环境是家常便饭。我的主要工作是前端开发，也玩 Docker 之类的东西，我的配置过程也将围绕这些内容。

Homebrew

Homebrew 是一款 macOS（或者 Linux）平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条命令，就可以实现包管理。告别 App Store，从这里开始。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

保持最新版本

brew update

brew help
Example usage:                          
  brew search TEXT|/REGEX/         # 查询软件包
  brew info [FORMULA|CASK...]      # 软件包详细信息  
  brew install FORMULA|CASK...     # 安装软件包（GUI加--cask参数，下同）
  brew update                      # 更新 homebrew 
  brew upgrade [FORMULA|CASK...]   # 升级软件包
  brew uninstall FORMULA|CASK...   # 卸载软件包
  brew list [FORMULA|CASK...]      # 列出已安装的软件包

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/uninstall.sh)"

NONINTERACTIVE=1 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/uninstall.sh)"

安装应用程序

应用程序分为两部分：命令行工具（CLI）和图形化程序（GUI）。特别提示，先不安装 Node.js，下文通过 nvm 来安装。

brew install \
  git \
  neovim \
  bat \
  exa \
  tldr

brew install --cask \
  visual-studio-code \
  google-chrome \
  iterm2 \
  docker \
  obsidian \
  karabiner-elements \
  raycast \
  dingtalk

安装 Oh My ZSH

打开 iterm2，通过 echo $SHELL 命令查看当前正在使用的 shell 程序：

echo $SHELL
/bin/zsh

如果输出非 /bin/zsh，通过 cat /etc/shells 查看系统支持的 shell 程序：

cat /etc/shells

/bin/bash
/bin/csh
/bin/dash
/bin/ksh
/bin/sh
/bin/tcsh
/bin/zsh

将 shell 切换为 zsh，重启后生效。

chsh -s /bin/zsh

安装 Oh My ZSH

sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

安装 nvm 和 Node.js

nvm（Node Version Manager） 是 Node.js 的版本管理工具，安装、升级、卸载、各个版本之间切换十分便捷，前端开发必备利器。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

安装 Node.js 最新稳定版：

nvm install node

键盘改键

打开 karabiner-elements，设置为开机启动。这是一款功能强大键盘工具，可以自定义按键配置，也可以导入现有的按键方案（非常丰富）。

修改按键映射：Caps → Esc

1. preference → Complex modifications → add rule → Import more rules from the Internet (open a web browser)
2. 页面打开后搜索 “e0da Caps Lock”，点击 Import 。

系统设置

1. 通用
   • 默认网页浏览器：Google Chrome
2. 程序坞
   • 自动隐藏和显示程序坞：ON（多看见几行代码比啥都强）
   • 为打开的应用程序显示指示灯：ON
3. 键盘（输入飞快）
   • 按键重复：快
   • 重复前延迟：短
4. 桌面与屏幕保护程序（防窥屏，随手一划，开启屏保）
   • 屏幕保护程序 → 触发角 → 设置“启动屏幕保护程序”触发角
5. 安全性和隐私
   • 通用 → 允许从以下位置下载的 App → App Store 和被认可的开发者
   • 文件保险箱 → 自动全盘加密

应用程序设置

Chrome

• 安装 FEHelper ，前端开发 All-In-One
• 安装 React Developer Tools
• 安装 Redux DevTools
• 安装 Vue.js devtools
• 安装 Adblock Plus ，去广告，世界安静了
• 安装 沙拉查词 ，划词翻译工具
• 安装 Surfingkeys ，脱离鼠标，键盘上网
• 安装 Wikiwand: Wikipedia Modernized ，维基百科现代化 UI
• 安装 Extension Manager ，管理插件的插件，自定义分组，插件不用就关，免得占用内存

Visual Studio Code

• 安装 ESLint
• 安装 Prettier - Code formatter
• 安装 GitLens
• 安装 Highlight Matching Tag
• 安装 Simple React Snippets
• 安装 Vetur
• 安装 Markdown All in One
• 安装 Docker

其他程序设置

• Obsidian 配置清单

TODO

• iTerm 配置
• Raycast 配置

以上为我的配置总结，每个人的配置需求不尽一样，希望能给各位一些参考和灵感。

微信公众号

杨奇的博客