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

105 阅读2分钟

背景

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

软件

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

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

环境依赖

1. 安装xcode

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

image.png

2. git生态

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

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

image.png

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

image.png

git 邮箱和昵称配置

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

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

查看配置是否生效

git config --list
image.png

git SSH生成与配置

1. 生成SSH key
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指令都要敲密码。
image.png
2. 复制公钥到粘贴板
# 通用命令(自动复制到剪贴板)
pbcopy < ~/.ssh/id_ed25519.pub
3. 配置公钥到github

头像=> setting= >SSH and GPG keys

image.png

4. 测试连接

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

ssh -T git@github.com

3. node生态

nodejs.org/zh-cn/downl…

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

image.png

官网的搬运工如下:

# 下载并安装 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:
sudo corepack enable pnpm

# 验证 pnpm 版本:

pnpm -v

但是依据官网安装好后,使用nvm指令会报错 nvm: command not found,因为没有配置shell环境!

配置shell环境

# 创建文件
sudo touch ~/.zshrc

# 编辑内容
nano ~/.zshrc

# 复制下面内容到文件中
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  

  • 按 Control + O 保存文件。
  • 然后按 Control + X 退出编辑器。

打开新的窗口运行nvm --version成功

image.png

接下来,node什么的也都正常了,从github下载项目,就可以开始美美得写代码了。

总结

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