面对新电脑,前端开发者需要进行哪些初始化配置

背景

大家好,我是抹茶。 最近将Mac电脑降级成V12后,需要重新安装软件,配置环境,便记录这一过程,分享给需要的人和未来某个时刻的自己。

软件

还原到初始状态的电脑,就只有safari浏览器了,平时用惯了谷歌,所以第一步就是下载谷歌浏览器。 依此安装的软件清单如下:

  1. 谷歌浏览器
  2. vscode (编码工具)
  3. notion (笔记)
  4. snipate (截图软件)
  5. 万兴脑图 (思维导图)
  6. 微信
  7. 欧路词典 (英语)
  8. 腾讯会议

环境依赖

1. 安装xcode

指令xcode-select --install 如果没有安装xcode,在试图用指令安装nvm时,就会看到下面的提示

2. git生态

git-scm.com/book/zh/v2/...

官网提示最方便的是通过xcode安装

直接运行git --version后,触发xcode的安装提示,如果没有,可以直接运行xcode-select --install

git 邮箱和昵称配置

git 复制代码
# 配置全局用户名(请将 Your Name 替换成你的名字)
git config --global user.name "Your Name"

# 配置全局邮箱(请将 your.email@example.com 替换成你的邮箱)
git config --global user.email "your.email@example.com"

查看配置是否生效

lua 复制代码
git config --list

git SSH生成与配置

1. 生成SSH key
perl 复制代码
ssh-keygen -t ed25519 -C "your_email@example.com"
  1. "Enter file in which to save the key (...)" :询问密钥保存路径。直接按回车 ,使用默认路径 ~/.ssh/id_ed25519
  2. "Enter passphrase (empty for no passphrase):" :设置一个密钥密码。输完按回车,并按要求再确认输入一次。亲测输入密码后每次运行git指令都要敲密码。
2. 复制公钥到粘贴板
bash 复制代码
# 通用命令(自动复制到剪贴板)
pbcopy < ~/.ssh/id_ed25519.pub
3. 配置公钥到github

头像=> setting= >SSH and GPG keys

4. 测试连接

添加后,在终端测试连接是否成功:

css 复制代码
ssh -T git@github.com

3. node生态

nodejs.org/zh-cn/downl...

现在node官网进化了,整个node生态都可以指令化安装了。这里的使用前提是已经安装xcode

官网指令搬运工如下:

javascript 复制代码
# 下载并安装 nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

# 代替重启 shell
\. "$HOME/.nvm/nvm.sh"

# 下载并安装 Node.js:
nvm install 24

# 验证 Node.js 版本:
node -v 

# Should print "v24.11.1".
# 下载并安装 pnpm:
corepack enable pnpm

# 验证 pnpm 版本:

pnpm -v

亲测安装官网指令直接一步成功。

接下来,从github下载项目,就可以开始美美得写代码了。

总结

本文梳理了重装系统后,需要安装的软件和环境依赖。从入门到电脑可以开始处理工作,需要安装这些软件,供大家参考。

相关推荐
前端Hardy11 小时前
一个时代结束了:npm 终于对 install 脚本下手了
前端·javascript·后端
撑死胆大的11 小时前
2026开发变局:国标落地后,软件开发彻底换赛道
前端·低代码·ai·大模型
悟空瞎说12 小时前
最新 React Native 推送通知完整实战指南
前端
GuWenyue12 小时前
前端异步请求踩坑?3种方式搞定Ajax数据交互,从XHR到async/await
前端·javascript·设计模式
李白的天不白12 小时前
pnpm 启动前端项目
前端
lvchaoq12 小时前
从原理层面解释前端大数据量性能优化系列——分片加载
前端
杨先生哦13 小时前
2026 热端攻防:AI 驱动 Web 前端安全全景透析
前端·笔记·安全·web安全
李白的天不白13 小时前
SmartAdmin(基于 Spring Boot 框架)中配置跨域请求 VUE3 设置请求头
java·前端
一个被程序员耽误的厨师13 小时前
01-设计篇-我用前端那一套手艺造了一个AI-Native工具
前端·ai-native