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

背景

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

总结

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

相关推荐
C_心欲无痕5 分钟前
前端页面渲染方式:CSR、SSR、SSG
前端
果粒蹬i23 分钟前
生成式 AI 质量控制:幻觉抑制与 RLHF 对齐技术详解
前端·人工智能·easyui
WordPress学习笔记1 小时前
解决Bootstrap下拉菜单一级链接无法点击的问题
前端·bootstrap·html
Never_Satisfied1 小时前
C#插值字符串中大括号表示方法
前端·c#
踢球的打工仔2 小时前
typescript-类
前端·javascript·typescript
天天打码2 小时前
Svelte-无虚拟DOM、极致性能的现代高性能Web开发框架!
前端·node.js·vue·svelte
0思必得02 小时前
[Web自动化] Selenium元素定位
前端·python·selenium·自动化·html
EEEzhenliang3 小时前
CSS知识概括、总结
前端·css
大阳光男孩3 小时前
ElementUI表格懒加载子级更新数据刷新不生效问题
前端·javascript·elementui
wy3136228213 小时前
C#——意框架(结构说明)
前端·javascript·c#