mac新电脑-前端开发配置

1. HomebrewmacOS 下最常用的包管理工具。1.1 安装在终端运行官方安装脚本需网络畅通/bin/bash-c$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)安装完成后终端会提示你运行几行配置命令请务必按提示执行。完成后同样需要source ~/.zshrc。1.2 换国内源# 用 echo 追加到 ~/.zshrcechoexport HOMEBREW_API_DOMAINhttps://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles~/.zshrcechoexport HOMEBREW_BREW_GIT_REMOTEhttps://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git~/.zshrcechoexport HOMEBREW_CORE_GIT_REMOTEhttps://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git~/.zshrcechoexport HOMEBREW_BOTTLE_DOMAINhttps://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles~/.zshrcechoexport HOMEBREW_CASK_DOWNLOAD_SOURCEhttps://mirrors.tuna.tsinghua.edu.cn/homebrew-cask/downloads~/.zprofileechoexport ALL_PROXY~/.zshrc# 生效source~/.zshrc2. 终端 Ghostty一个高性能的终端工具配置完后 CodeFuse IDE 里终端也能自动使用。2.1 安装 Ghostty 与开发字体# 1. 安装 Ghosttybrewinstall--caskghostty# 2. 创建配置目录mkdir-p~/.config/ghostty# 3. 安装 Nerd Font 字体终端图标/状态栏必备brewinstall--caskfont-jetbrains-mono-nerd-font如果上述字体安装一直失败可手动安装# 下载 JetBrainsMono.tar.xz5.9MB 小体积版curl-Lhttps://sourceforge.net/projects/nerd-fonts.mirror/files/v3.4.0/JetBrainsMono.tar.xz/download-o~/Downloads/JetBrainsMono.tar.xz# 验证大小ls-lh~/Downloads/JetBrainsMono.tar.xz# 应显示约 5.9M# 1. 创建字体目录mkdir-p~/Library/Fonts/JetBrainsMono# 2. 解压.tar.xz 格式tar-xf~/Downloads/JetBrainsMono.tar.xz-C~/Library/Fonts/JetBrainsMono --strip-components1# 3. 刷新字体缓存可选killall-HUPcfprefsd2/dev/null||true# 4. 验证system_profiler SPFontsDataType|grep-iJetBrainsMono Nerd# 有输出即表示安装成功# 5. 重启 Ghostty 应用字体立即生效2.2 写入配置用 nano 打开nano~/.config/ghostty/configNano 操作指南3 步完成步骤按键操作说明1️⃣粘贴配置终端内按Cmd V或右键 → 粘贴nano 默认不会自动缩进直接粘贴格式不会乱2️⃣保存文件按Ctrl O→ 屏幕底部出现提示 → 按Enter确认O代表 Write Out写出文件3️⃣退出编辑器按Ctrl X若未保存会提示已保存则直接退出个人自用配置# 终端图标 macos-icon holographic # 字体 font-family JetBrainsMono Nerd Font font-size 13 font-thicken true # 窗口外观 background-opacity 0.9 window-padding-x 12 window-padding-y 10 window-padding-balance true macos-titlebar-style transparent # 光标与选区 cursor-style block selection-background #89b4fa selection-foreground #cdd6f4 # 性能与兼容 scrollback-limit 50000 term xterm-ghostty shell-integration zsh保存后 Ghostty 会自动重载窗口样式类需关闭重开一次。附 nano 清除配置命令~/.config/ghostty/config# 按 Ctrl C 退出2.3 zoxide可用来代替 autojump 的新一代目录跳转插件配置后继续使用j快捷键。brewinstallzoxideechoeval $(zoxide init zsh)~/.zshrcechoalias jz~/.zshrcsource~/.zshrc2.4 starship配置终端的命令提示符显示效果比如支持 git 分支信息等。安装brewinstallstarship写入配置# 确保放在文件最后一行避免被其他配置覆盖echoeval $(starship init zsh)~/.zshrc创建配置文件mkdir-p~/.confignano~/.config/starship.toml配置内容format $directory$git_branch$git_status$character add_newline false [directory] home_symbol ~ style bold #89b4fa truncation_length 3 [git_branch] style bold #cba6f7 format [$branch]($style) [git_status] style bold #f38ba8 format ([]($style) ) [character] success_symbol [➜](bold #a6e3a1) error_symbol [➜](bold #f38ba8)生效配置source~/.zshrc2.5 其他隐藏启动时显示的last login ...信息echo~/.hushlogin3. nvmNode.js 版本管理工具。3.1 安装步骤1. 一键安装打开终端粘贴运行curl-o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh|bash 脚本会自动将nvm写入~/.zshrc并下载核心文件。如需绝对最新版可去 GitHub Releases 替换版本号。2. 重新加载终端配置source~/.zshrc如果提示找不到文件直接关闭终端并重新打开即可macOS 默认会自动加载。3. 配置国内镜像# 切换国内镜像源echoexport NVM_NODEJS_ORG_MIRRORhttps://npmmirror.com/mirrors/node/~/.zshrc# 切换官方源echoexport NVM_NODEJS_ORG_MIRRORhttps://nodejs.org/dist/~/.zshrc# 应用配置source~/.zshrc4. 验证 安装 Node.jsnvm--version# 应输出版本号如 0.40.1nvminstall--lts# 安装最新长期支持版推荐日常开发nvm use--ltsnode-vnpm-v# 检查是否生效3.2 常用命令nvm ls-remote# 查看所有可安装版本nvminstall22# 安装 v22.x 最新版nvm use22# 临时切换nvmaliasdefault22# 设为默认新开终端自动使用nvm uninstall18# 卸载旧版本4. Node 14用于历史老项目的开发。常规 nvm 安装 Node 14 方式会失败需要通过 Rosetta 模式安装。4.1 切换到 Rosetta 模式# 临时启动一个 Rosetta x86_64 shell推荐先测试arch-x86_64zsh# 验证是否切换成功应返回 i386 或 x86_64arch✅ 如果输出i386或x86_64说明已成功进入 Rosetta 环境。4.2 在 Rosetta 环境中安装保持当前终端窗口x86_64 架构执行# 1. 确认 nvm 可用如果提示找不到先加载source~/.nvm/nvm.sh# 2. 安装 Node 14.21.3会自动下载 darwin-x64 版本nvminstall14.21.3# 3. 使用该版本nvm use14.21.3# 4. 可选设为默认版本nvmaliasdefault14.21.3 安装过程应该很快因为会直接下载官方预编译的darwin-x64二进制包无需编译。4.3 验证安装结果# 查看 Node 版本node-v# 应输出: v14.21.3# 查看系统架构确认是 x64node-pprocess.arch# 应输出: x64# 查看 npm 版本npm-v5. npm5.1 使用淘宝源# 设置 npm 默认使用淘宝源npmconfigsetregistry https://registry.npmmirror.com6. Git6.1 配置用户和邮箱gitconfig--globaluser.name xxx.yyygitconfig--globaluser.email xxx.yyyzzz.com6.2 配置 SSH在终端执行ssh-keygen -t ed25519 -C your_emailexample.com命令替换为你的邮箱地址。按下回车键跳过设置文件存储地址跳过后将使用默认存储地址推荐跳过。按下两次回车键跳过设置密码和确认密码即可生成新的 SSH Key。复制 SSH Keypbcopy~/.ssh/id_ed25519.pub7. EasyHostsHosts 编辑配置工具。下载安装https://easyhosts.cn/zh/