新到手的Mac应该如何设置 - yado的前端配置

190 阅读4分钟

前言

近日,手头添置了一台配置为16GB内存加512GB存储的MacBook Air M2。回想起已随我多年的Mac Mini,其内中文件杂乱无章,已是时候一新其貌。遂决定,不再简单依赖迁移助手搬运旧日数据,而是边调试新机边撰文,以记之。

开始配置

科学上网

身为一名前端工程师,徜徉于广阔网络的海洋,便是我工作的一部分。然而,诸多珍贵的知识资源,常常被隐于一隅,不得其门而入。故而,通达四海之网,寻觅精华,便成了首要之务。为免此文流传之时惹起非议,关于此道的诸多细节,在此不便赘述。只言片语,便是:首步已然迈出,网络之门已缓缓开启。

浏览器下载

浏览器我选择下了三种:EdgeChromeArc
前两者,世人皆知,无须赘述。而Arc,乃我心中的极致之选,其优雅非凡,用之更显得手到擒来。然而,欲以Arc登陆,须借科学之力以达网络之岸。至于Arc的妙用,网上已有诸多高人指点,细节之处,不妨一探究竟。

截屏2024-03-23 19.03.20.png

终端

Mac自携之终端,固然简洁可用,然吾辈追求之不止于此。更优雅之选,乃是iTerm2搭配Oh My Zsh。此二物配合,使终端界面炫酷非凡,功能强大,可谓兼美与实。

iTerm2下载

第一步,直接访问官网(iTerm2官网)进行下载。
第二步,将iTerm2设为默认终端,具体步骤如下图所示。

image.png

第三步,设置iTerm2之顶部(Status Bar),我选择展示CPU与内存的运行状况,如下。

截屏2024-03-24 11.37.50.png

具体配置可以参考下列图片操作

image.png

打开上面的"Open Profiles..."之后,点击"Edit Profiles...",然后根据下图配置

image.png

image.png

此三步骤完成后,便已初窥iTerm2之门径。终端之美,非一言两语可尽述,更多奥妙,待君自探。

安装Oh My Zsh

直接通过官网下载:Oh My Zsh - a delightful & open source framework for Zsh
我选择的是curl,代码如下可以直接复制:

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

注意

安装可能会报错:

curl: (7) Failed to connect to raw.githubusercontent.com port 443 after 15 ms: Couldn't connect to server

我个人的解决方式,如下
在终端输入

sudo vim /etc/hosts

添加如下内容

199.232.68.133 raw.githubusercontent.com

保存后重新下载即可
下载成功后你可以看到下图:

截屏2024-03-23 18.39.52.png

主题

自带的主题非常已经丰富,我个人使用的是自带的主题。如果对自带的主题不满意,也可以使用第三方主题。
这里我简单介绍一下自带的主题。
你可以通过下面命令查看主题

ls ~/.oh-my-zsh/themes

image.png

每个主题的显示样子可以通过这个网站访问:github.com/ohmyzsh/ohm…

zshrc文件的配置

关于主题的配置,或者其他的配置例如别名(简写)、插件等等,都可以在zshrc文件中进行配置。这里演示更换一下主题,以及配置两个插件和一些简写,如下。
首先终端输入下面命令编辑zshrc文件:

vim ~/.zshrc

配置完成之后别忘记运行下面命令重新加载一下(每次更改了之后都可以运行一下重新加载),当然你也可以重启iterm2

source ~/.zshrc

主题

找到这一行,在一行中更改主题,如下图

截屏2024-03-25 13.48.41.png

我将其更改为了headline主题,配置如下

ZSH_THEME="ys"

效果如下

image.png

简写(别名)

可以在zshrc文件后面添加一些自己常用的简写,例如我添加的:

alias py3="/opt/homebrew/bin/python3.10"
alias ncgr="npm config get registry"
alias ncsr="npm config set registry"
alias ycgr="yarn config get registry"
alias ycsr="yarn config set registry"
alias pcgr="pnpm config get registry"
alias pcsr="pnpm config set registry"
alias doi="docker image"
alias doc="docker container"
alias dov="docker volume"
alias dos="docker search"
alias don="docker network"
alias dops="docker ps"
alias dorun="docker run"
alias ga="git add"
alias gcm="git commit -m"

需要什么简写都可以自行添加。

插件

我使用的插件有两个:代码高亮和自动补全。
使用git下载

brew install zsh-syntax-highlighting

brew install zsh-autosuggestions 

下载了之后记得在zshrc文件里面配置一下,如下

#编辑配置文件
vim ~/.zshrc

#在最后一行增加下面的代码
source /usr/local/share/zsh-autosuggestions/zsh-autosuggestions.zsh 
source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh 

#退出编辑后执行使配置生效
source ~/.zshrc

通过上面的步骤之后,一个比较美观的终端就已经配置完成了。

结尾

这只是一个初步的mac配置,在后续使用中肯定会有更多的配置,我将会持续更新。如有错误或者补充都欢迎在评论区进行评论。

参考文章

1、iTerm2安装配置使用指南——保姆级 - 知乎 (zhihu.com)
2、MacBook使用笔记:安装Homebrew(M1) - 知乎 (zhihu.com)
3、彻底解决【“curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused”】错误_curl: (7) failed to connect to nodejs.org port 443-CSDN博客