新mac mini到手了,如何飞速搭建前端开发环境

284 阅读1分钟

开篇

大家好,我是小易。

前段时间服役了7年的 mac book pro 因为从凳子滑落,英勇牺牲了。主板摔了,导致传感器位置偏移,温度传感器异常,一开机风扇呼呼响,几乎无法正常使用。去万象城直营店维修的时候,意外看到了最新的mac mini m4,手掌大小简直爱了。于是在官网订购了一台丐版mini m416G + 256G,再挂一个1T移动硬盘。

加1500得512G,想想实在不划算

作为一个coder,拿到新电脑的第一件事当然是安装开发环境啦。

开发环境必备

  • Home Brew
  • Nvm
  • VSCode

Home brew 安装

home brew官网 安装脚本

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

默认源安装极其慢,还得处理github.com 443超时的问题。

查资料发现一个靠谱的镜像安装脚本

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

打开终端,粘贴执行,交互式安装很友好。

屏幕快照 2024-12-31 17.55.22.png

安装结束后,可以根据提示选择国内的镜像源。

安装nvm

  1. brew install nvm
  2. cd ~/.profile添加nvm环境变量

通过brew安装nvm

   brew install nvm

安装结束后,修改~/.profile文件,配置nvm环境变量。

  export NVM_DIR="$HOME/.nvm"
  # This loads nvm
  [ -s "/usr/local/opt/nvm/nvm.sh" ] && \. "/usr/local/opt/nvm/nvm.sh"  
  # This loads nvm bash_completion
  [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  

关闭终端,再次启动时,执行nvm,测试是否安装成功。

屏幕快照 2024-12-31 18.02.40.png

看到上面的截图说明OK啦。

安装VSCode

最新版下载

屏幕快照 2024-12-31 18.06.43.png

点击右上角Download下载最新版。

旧版本下载

code.visualstudio.com/updates/ 列出了所有的历史版本

结束

感谢阅读,以上就是全部内容啦。

如果你觉得有帮助,欢迎点赞/收藏,欢迎评论交流。