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

背景

大家好,我是抹茶。 最近将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下载项目,就可以开始美美得写代码了。

总结

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

相关推荐
kyriewen4 分钟前
一个看不见的撇号,让Claude Code追踪了中国开发者三个月
前端·ai编程·claude
莫生灬灬9 分钟前
DY联系人聊天Web面板支持获取联系人/聊天记录/发送消息
前端·chrome·websocket·c#
じ☆ve 緈辐14 分钟前
使用github上传代码(包含视频)
github
郑州光合科技余经理17 分钟前
海外外卖平台源码改造实战——多语言核心代码实现
java·开发语言·前端·后端·mysql·架构·php
一tiao咸鱼36 分钟前
前端转 agent # 02 - FastAPI 框架入门与原理
前端·python
wanghowie42 分钟前
LangGraph4j 落地(二)— ReAct 多步工具与 trace 扩展
前端·react.js·前端框架
大家的林语冰1 小时前
Rust 再次打败 Go,Astro 7 首发,什么叫“万物皆可锈化“!
前端·javascript·性能优化
lichenyang4531 小时前
H5 如何调用 ArkTS:JavaScriptProxy、requestId 和 Promise 回调
前端
lichenyang4531 小时前
我在 HarmonyOS 上写了一个轻量级小程序运行时:从 Web 容器到 JSBridge
前端
雪隐1 小时前
用Flutter做背单词APP-02我画了设计稿,然后让AI帮我设计了数据库(顺便聊了会天)
前端·人工智能·后端