当前位置: 首页 > news >正文

mac新电脑-前端开发配置

1. Homebrew

macOS 下最常用的包管理工具。

1.1 安装

在终端运行官方安装脚本(需网络畅通):

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

安装完成后,终端会提示你运行几行配置命令,请务必按提示执行。

完成后同样需要source ~/.zshrc

1.2 换国内源

# 用 echo 追加到 ~/.zshrcecho'export HOMEBREW_API_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles"'>>~/.zshrcecho'export HOMEBREW_BREW_GIT_REMOTE="https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git"'>>~/.zshrcecho'export HOMEBREW_CORE_GIT_REMOTE="https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git"'>>~/.zshrcecho'export HOMEBREW_BOTTLE_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles"'>>~/.zshrcecho'export HOMEBREW_CASK_DOWNLOAD_SOURCE="https://mirrors.tuna.tsinghua.edu.cn/homebrew-cask/downloads"'>>~/.zprofileecho'export ALL_PROXY=""'>>~/.zshrc# 生效source~/.zshrc

2. 终端 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.xz(5.9MB 小体积版)curl-L"https://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-components=1# 3. 刷新字体缓存(可选)killall-HUPcfprefsd2>/dev/null||true# 4. 验证system_profiler SPFontsDataType|grep-i"JetBrainsMono Nerd"# 有输出即表示安装成功# 5. 重启 Ghostty 应用,字体立即生效

2.2 写入配置

用 nano 打开:

nano~/.config/ghostty/config

Nano 操作指南(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快捷键。

brewinstallzoxideecho'eval "$(zoxide init zsh)"'>>~/.zshrcecho'alias j="z"'>>~/.zshrcsource~/.zshrc

2.4 starship

配置终端的命令提示符显示效果,比如支持 git 分支信息等。

安装:

brewinstallstarship

写入配置:

# 确保放在文件最后一行,避免被其他配置覆盖echo'eval "$(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~/.zshrc

2.5 其他

隐藏启动时显示的last login ...信息:

echo"">~/.hushlogin

3. nvm

Node.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. 配置国内镜像

# 切换国内镜像源echo'export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node/'>>~/.zshrc# 切换官方源echo'export NVM_NODEJS_ORG_MIRROR=https://nodejs.org/dist/'>>~/.zshrc# 应用配置source~/.zshrc

4. 验证 & 安装 Node.js

nvm--version# 应输出版本号(如 0.40.1)nvminstall--lts# 安装最新长期支持版(推荐日常开发)nvm use--ltsnode-v&&npm-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_64")arch

✅ 如果输出i386x86_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# 查看系统架构(确认是 x64)node-p"process.arch"# 应输出: 'x64'# 查看 npm 版本npm-v

5. npm

5.1 使用淘宝源

# 设置 npm 默认使用淘宝源npmconfigsetregistry https://registry.npmmirror.com

6. Git

6.1 配置用户和邮箱

gitconfig--globaluser.name xxx.yyygitconfig--globaluser.email xxx.yyy@zzz.com

6.2 配置 SSH

  1. 在终端执行ssh-keygen -t ed25519 -C "your_email@example.com"命令(替换为你的邮箱地址)。
  2. 按下回车键跳过设置文件存储地址(跳过后将使用默认存储地址,推荐跳过)。
  3. 按下两次回车键跳过设置密码和确认密码,即可生成新的 SSH Key。

复制 SSH Key:

pbcopy<~/.ssh/id_ed25519.pub

7. EasyHosts

Hosts 编辑配置工具。

下载安装:https://easyhosts.cn/zh/

http://www.jsqmd.com/news/1119600/

相关文章:

  • E-Hentai Downloader:高效漫画批量下载工具的全方位应用指南
  • Claude Code 100个真实案例 - 用AI开发Electron桌面应用(Markdown笔记本)
  • Agent应用实践之四十 - OpenClaw:记忆
  • [LangChain中的Multi-Agent模式-03]Handoffs:状态驱动的多阶段流程编排与状态机管理
  • (论文速读)DEnet:零参考联合去噪与增强
  • 微信数据库解密原理与实战:基于AES-256-CBC与MD5密钥生成的数据恢复方案
  • 解决Kivy中文乱码问题:从方块乱码到完美显示
  • 一文打通AI舞蹈视频落地:用GPT-Image-2生图+Seedance2.0生成丝滑视频
  • 高效漫画资源管理:E-Hentai批量下载自动化方案
  • 免费光线追踪模拟器:5分钟开启你的光学探索之旅
  • E-Hentai Downloader完整指南:从零掌握漫画批量下载与自动化管理
  • 计算机考研 408 计算机网络 CSMA相关概念及例题
  • SQLMap高级实战:从自动化工具到精准渗透测试平台
  • Adjacent Words, Divergent Intents: Jailbreaking Large Language Models via Task Concurrency
  • 如何快速批量下载E-Hentai漫画:3个自动化工具终极指南
  • 告别论文熬夜内耗!okbiye AI毕业论文功能手把手实操干货
  • Claude Code 100个真实案例 - 用AI搭建完整博客系统(Markdown+评论+搜索)
  • optiland绘制光学系统的点列图
  • 在petalinux2023.2工程中配置ROS2环境
  • 突破GP限制:E-Hentai下载器的终极解决方案与完整指南
  • Correlation Dimension of Auto-Regressive Large Language Models
  • JavaScript前端框架系列 VS Java后端框架全系列
  • 从GitHub Copilot到企业级审查中枢:构建可审计、可回溯、可问责的AI审查流水线
  • 项目看板同步_agent-project-board-sync
  • Windows版本无损转化升级
  • 从 PHP 到 AI + Golang,程序员自救转型手记(二十):前端点选验证码组件实现
  • Claude Code 100个真实案例 - 用AI做工作流引擎(审批流+可视化流程图)
  • 班级学生平时表现记录 积分抽奖系统源码 全开源
  • Advancing Symbolic Integration in Large Language Models: Beyond Conventional Neurosymbolic AI
  • 找个人开发者快速搭建网站:全流程解决客户建站难题(避坑+高效落地)