前端工程师的Mac 环境配置

iniFeng
570 阅读6分钟

前言

这算是给自己的一个环境配置指南，当新mac 到手之后，怎么快速恢复生产力呢？

CheckList

  • mac 包管理工具
  • 终端
  • 开发环境
  • 实用工具

HomeBrew

HomeBrew 是macOS 最受欢迎的包管理工具，使用简单的brew install 命令，就能帮你解决复杂的环境配置，brew uninstall 就能帮你移除你不需要的app或者环境配置，无须关心复杂的文件关联和依赖。

安装HomeBrew

需要Github 的访问能力。

执行以下脚本即可安装。

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

终端

终端（Terminal）是程序员交互最频繁的界面之一，只需要一两步配置，你就能拥有一个漂亮的终端。

ZSH

Zsh是一种强大的Shell，它是一种命令行解释器，类似于Bash和其他Shell。Zsh具有更多的高级功能，包括更快更好的自动补全、命令历史共享、自动纠正功能以及更强大的参数扩展。它还具有更多的插件、主题和框架可用，如流行的Oh My Zsh。Zsh在macOS上已成为默认Shell，并且在Linux/Unix系统中也备受欢迎。如果您经常使用命令行界面，特别是在自己的计算机上进行软件开发或其他需要经常使用命令行的工作，那么Zsh似乎是一个不错的选择，可以改善您的整体体验。

在安装HomeBrew之后，可以通过以下命令安装ZSH

brew install zsh

Oh-My-ZSH

Oh My Zsh 是一个开源的、社区驱动的框架，用于管理 Zsh 配置。它附带了数千个有用的函数、助手、插件和主题，可以让你的终端变得更加强大和美观。

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

Warp

Warp 是一个使用Rust 编写的终端App，它有着以下几个特点。

  1. 智能代码补全。Warp终端将代码补全提升到了一个很少见的水平，开发人员可以从许多不同的来源获取命令的帮助，包括历史记录、文档甚至人工智能。当键入的命令有误时，可以在命令行界面显示正确的命令，按下tab即可立刻补全命令。

  2. Blocks。Warp终端基于“blocks”概念运行。Blocks是对执行的shell命令的交互式包装器，允许开发人员进行书签标记、文档记录、复制命令元数据等。

开发环境

Xcode Command Line Tools

Xcode Command Line Tools（Xcode命令行工具）是一组小型自包含软件包，可单独从Xcode中下载，并允许您在macOS上进行命令行开发。它包括macOS SDK和命令行工具，如Clang，这些工具安装在/Library/Developer/CommandLineTools目录中。Xcode命令行工具的主要作用包括：

  1. 允许您在macOS上进行命令行开发。
  2. 提供了一些命令行工具，如Clang，用于编译和构建项目。
  3. 可以通过命令行执行构建、查询、分析、测试和存档操作。

您可以使用Xcode命令行工具来执行各种与Xcode项目和工作区相关的操作，而无需打开Xcode图形界面。

通过以下命令安装：

xcode-select --install

FNM Node环境管理

建议放在终端配置后面。

fnm GitHub 项目地址：github.com/Schniz/fnm

安装

使用HomeBrew 安装

brew install fnm

配置.zshrc

安装完fnm之后，还需要在.zshrc文件内写入配置才能正常使用node 和切换node 版本。

先使用以下命令查看当前所需的fnm配置。

fnm env

将返回结果写入到~/.zshrc 文件内。

重启终端窗口即可生效。

fnm install 18 # 指定安装node 版本
fnm use 18 # 使用指定版本

VSCode

这个基本开发必备了，官网安装。

打开App 后，⌘ + Shift + P 唤起命令面板，键入 install 'code' command into PATH。

开启这个选项方便直接在终端内使用code 命令打开指定文件夹。

实用工具

Raycast

Raycast 是一款功能强大的macOS 应用，旨在提高你的工作效率。它为用户提供了快捷、直观的方式来执行各种任务和命令，通过简化工作流程，使得在Mac 上进行开发和日常操作更加轻松。

  1. 快速启动： Raycast 提供了一个快速启动界面，通过简单的快捷键即可调出，使你能够快速访问常用的应用程序、文件、目录和自定义命令。
  2. 插件系统： Raycast 的强大之处在于其灵活的插件系统。它支持各种插件，包括系统命令、开发者工具、文件操作等。用户可以根据自己的需求安装和配置插件，扩展 Raycast 的功能。
  3. 自定义命令： 除了预置的插件，Raycast 还允许用户创建自定义命令。这使得你可以根据具体的工作流程，定制专属于自己的命令集，从而更高效地进行工作。
  4. 可搜索操作： Raycast 具备强大的搜索功能，让你能够快速找到并执行各种操作。这包括搜索文件、打开网页、运行脚本等。
  5. 集成 开发者工具 ： 对于开发者而言，Raycast 提供了与各种开发工具的集成，如 Git、Jira、VSCode 等，使得在开发过程中的常见操作变得更加便捷。
  6. 美观易用： Raycast 的界面设计简洁直观，易于上手。它注重用户体验，通过简单的操作流程使得用户能够迅速适应并提高工作效率。

个人的使用习惯是，将Raycast 作为一个mac 窗口管理、VSCode 项目管理、便捷的进程管理软件，进阶版的聚焦搜索（Spotlight）。

Mac 窗口管理

Raycast 内置了丰富的窗口管理指令，并有适配常见的窗口管理App的快捷键方案。比如说我比较习惯Spectacle app里的快捷键设置，使用Spectacle的预设就可以无成本地迁移到Raycast，节省一个App的磁盘空间和内存占用。

进入Raycast 设置界面。

我常用的快捷键有：

  1. 窗口最大化 ⌥+⌘+F
  2. 左半屏 ⌥+⌘+⬅️
  3. 右半屏 ⌥+⌘+➡️

VSCode 项目管理

所需扩展：Visual Studio Code

  1. Raycast 搜索store 进入扩展商店

  1. 安装扩展

  1. 配置快捷键

在Raycast 设置项里的扩展列表里，可以给每个扩展内的指令绑定一个快捷键，这里我绑定了搜索最近项目的快捷键。

但我使用快捷键的时候，唤起的就是Raycast的界面，选中项目再回车就能使用VSCode 打开对应项目。

进程管理

所需插件：Kill Process

打开Raycast 打开kill process 时，可以看到当前的内存占用情况。

我经常碰到中文输入法卡顿的问题，往往需要kill SCIM这个进程使其重启输入法，来缓解卡顿问题。

Dozer

或许你正为新系列MacBook 的刘海屏遮挡的状态栏空间烦恼，又不想为状态栏的管理软件付费，那么你可以看一看开源的免费方案。

这里简单介绍一下Bartender 的平替 Dozer github.com/Mortennn/Do…

安装

也是可以使用HomeBrew 安装

brew install --cask dozer

使用

安装完之后状态栏会有两个圆点

点击圆点会将圆点左侧的图标全部隐藏

将不常用的icon 使用⌘+鼠标拖动至左侧圆点的左边即可。

总结

本文介绍了前端工程师的mac 开发环境配置和实用工具，内容包括mac 包管理工具HomeBrew安装使用、终端选择和美化、node环境配置以及提效工具Raycast 的实际操作使用。希望通过分享我的个人使用习惯，能够对读者有所帮助。欢迎在评论区留下你的见解～

avatar
文章
阅读
粉丝