mac从零配置前端环境(M4)

一、homebrew 安装

安装该开源的包管理器,更方便后续安装。打开官网 brew.sh/

拷贝 Install Homebrew 提供的命令执行

输入密码后,后续选项默认回车即可

在红圈部分可能会需要较长时间,安装完成后,检查命令 brew -v

homebrew 常用命令

  • 列出已安装的软件包 brew list

  • 搜索软件包 brew search 软件名

  • 安装软件包 brew install 软件名

  • 查看所有可升级的软件包 brew outdated

  • 卸载软件包 brew uninstall 软件名

  • 更新软件包 brew upgrade 软件名

二、git 安装

通过 homebrew 安装,执行命令 brew install git

安装成功后设置用户名密码
git config --global user.name "abc"
git config --global user.email "abc@qq.com"

检查配置信息 git config --list

配置SSH:

(1)生成密钥
ssh-keygen -t ed25519 -C "邮箱"

提示,回车即可,生成在默认目录下
Enter a file in which to save the key (/Users/you/.ssh/id_ed25519): [Press enter]

在提示符下,输入安全密码(个人电脑可以不设置安全密码,直接回车两下),即可生成一个新的ssh密钥。 如果生成ssh秘钥的时候输入了安全密码,则每次clone/push代码时都需要输入安全密码才行。

(2) 添加密钥

复制刚刚生成的密钥 pbcopy < ~/.ssh/id_ed25519.pub

在个人设置中,添加即可

以上就可以通过命令下载仓库了

github desktop 安装 官网下载 desktop.github.com/download/ 解压拷贝到应用程序

三、nvm 安装

通过 homebrew 命令安装 brew install nvm

安装后直接查看版本 nvm -v 是查看不到的,需要在用户根目录下创建文件 cd ~ 后执行 touch ~/.zshrc

打开用户根目录文件夹,command + shift + . 显示隐藏文件

打开以上文件,添加上图圈圈的 export xxxxx 保存后,执行 source ~/.zshrc 即可通过 nvm -v 查看到其安装成功。

四、node 安装

nvm ls-remote 查看远程node版本,安装 16、18、20 稳定版本,比如 nvm install v20.18.3

安装包管理器 brew install yarn pnpm 即可下载代码的资源包啦。

五、vscode 安装

进入官网 code.visualstudio.com/ 点击大大的 download 按钮即可,嗖嗖快。将文件解压,拷贝到应用程序中,双击打开即可使用。

常用插件: Vue - Official

六、switchhosts 安装

进入github中安装 github.com/oldj/Switch...

M4使用红圈包即可

相关推荐
竹林81839 分钟前
把神经网络塞进一个浏览器标签页:端侧视觉 AI 的工程真相
前端·浏览器
乘风gg1 小时前
别跟风 AI 副业,工程师最该学的是 AI Coding
前端·ai编程·claude
Frag0ut1 小时前
深度解析:Chrome 自启动与后台常驻服务的作用、关闭方法及利弊权衡
前端·chrome
Amos_Web1 小时前
Rspack 源码解析(十五):Loader Runner 与 JS Loader 桥接
前端·rust·前端框架
YIAN1 小时前
从 SSE 流式到结构化输出:LangChain 三大 OutputParser 与 ToolCall 方案全实战
前端·langchain·node.js
YIAN2 小时前
从 SSE 流式原理到 LangChain 结构化输出:打字机效果与 JSON 解析全方案实战
前端·langchain
Moment2 小时前
如果你在做 RAG,可能会需要 pdf-inspector
前端·后端·面试
gnip2 小时前
Flutter 原生插件开发实战指南
前端·flutter
晓得迷路了2 小时前
栗子前端技术周刊第 148 期 - Turborepo 2.11、Chrome 154 iframe、Node.js 26...
前端·javascript·css
IT_陈寒3 小时前
Vite热更新失效?你可能漏了这个配置项
前端·人工智能·后端