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

背景

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

总结

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

相关推荐
0思必得07 分钟前
[Web自动化] Selenium处理滚动条
前端·爬虫·python·selenium·自动化
Misnice10 分钟前
Webpack、Vite、Rsbuild区别
前端·webpack·node.js
青茶36011 分钟前
php怎么实现订单接口状态轮询(二)
前端·php·接口
大橙子额1 小时前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
爱喝白开水a2 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌412 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
吃杠碰小鸡3 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone4 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09014 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农4 小时前
Vue 2.3
前端·javascript·vue.js