给你一台mac，快速完成前端开发环境搭建

求知呀
5,513 阅读2分钟

1. 安装 git

  • 可通过 git --version 查看是否安装 git
  • 如果没有安装，可通过 Homebrew 来安装，首先可使用brew --version来查看电脑是否有安装 Homebrew，如果没有的话可以通过如下命令安装

！！！ 现在M1、M2芯片 Homebrew 安装有最新的链接 跳转，如果不是 M 芯片，走下面安装教程

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  • 安装过程中会报错，比如
# curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection Beenrejected
  • 这是因为 github 的一些域名的DNS解析被污染，导致DNS解析过程无法通过域名获取正确的IP地址，解决方案是手动查询域名 ip 并映射，可以在 www.ipaddress.com/ 中输入无法访问的域名githubusercontent.com，基本结果如下，可以在 switchhosts 中进行配置
199.232.68.133 raw.githubusercontent.com  
199.232.68.133 user-images.githubusercontent.com  
199.232.68.133 avatars2.githubusercontent.com  
199.232.68.133 avatars1.githubusercontent.com

image.png

  • 配置完成后在进行 Homebrew 下载，安装完成后就可以使用下面命令安装 git
brew install git

image.png

2. 连接 github

  • 配置自己的 git 用户和邮箱
git config --global user.name "Your Name"
git config --global user.email "your_email@example.com"
  • 可以通过如下命令查看是否配置成功
git config list
  • 之后使用如下命令生成 SSH 密钥
ssh-keygen -t rsa -C "your_email@example.com"
  • 然后进入根目录下的 .ssh 文件夹（ command+shift+. ），打开里面的 id_rsa.pub 文件，复制文件内容

image.png

  • 然后打开你的 github，将上面复制的内容进行 ssh 新建

image.png

image.png

image.png

  • 标题随便取，复制的内容放在钥匙里就可以添加了，之后在终端输入如下命令查看是否成功
ssh -T git@github.com
  • 如果成功，会有一条欢迎的消息
Hi xxxxxxx! You've successfully authenticated, but GitHub does not provide shell access.

我有更换过两次mac电脑，都是m芯片的，遇到一个问题，就是连接github/gitlab后，每次代码拉取提交还有要输入密码，这是一个问题

可以参考：明明使用了SSH连接仓库，为什么每次都要我输入电脑密码？

3. 安装 nvm

  • 打开终端，安装 nvm 前，在终端运行此命令：touch ~/.bash_profile
  • 之后，在终端运行如下命令：
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
  • 之后，不要忘记重新启动终端或者使用命令source ~/.nvm/nvm.sh刷新路径
  • 然后就可以通过命令nvm --version来查看 nvm 安装版本

4. 安装 node

  • 可以使用 nvm 进行node版本安装
nvm install v18.16.0
  • 可以使用nvm ls查看当前安装了哪些 node 版本，然后使用nvm use 18进行版本切换

5. 总结

  • 这样基本就完成了，然后编辑器选择 vscode 或者 webstorm 看个人选择
avatar
文章
阅读
粉丝