新Mac 从零配置前端开发环境

152 阅读1分钟

最近换了新Mac,记录一下如何配置开发环境

安装brew

brew用于安装其他软件,如果网络有问题可以配置终端代理或者切换镜像

shell 配置

安装oh my zsh

配置常用插件:

  • zsh-autosuggestions
  • zsh-syntax-highlighting
  • zsh-autocomplete

编辑器 VSCode or Cursor

首先下载VSCode,如果你订阅了Cursor,可以直接下载Cursor

如果使用的是Cursor想要从VSCode同步配置,可以使用VSCode的导出配置文件功能(还支持直接存在github的gist中),在Cursor导入配置即可。

浏览器

Chrome latest

直接登录即可同步所有配置

nodejs 环境

使用nvm管理node版本

fnm和volta有些问题,所以不用这些了

git

官网下载安装或者直接通过brew安装

brew install git

配置github ssh

截屏软件

pixpin

最重要的功能是可以把截图贴在屏幕

剪贴板软件

Maccy

增加剪贴板的历史功能,方便复制多个内容

屏幕增强

BetterDisplay

右键菜单:使用VSCode/Cursor打开文件夹

打开「自动操作」

选择「快速操作」

image.png

如果使用的是Cursor,把Visual Studio Code换成Cursor即可

之后按Command + S保存,自定义名称即可。

菜单栏软件

iBar Pro

显示电脑参数

State(与iBar Pro同一个公司开发)

安装nrm,切换npm源

 npm install -g nrm