macbook m1版 前端环境配置

本文详细介绍了在Mac M1芯片电脑上配置前端开发环境的步骤,包括如何安装Homebrew、解决安装后的路径问题,以及通过nvm安装和管理Node.js版本。此外,还讲解了nvm安装后可能出现的问题及解决方案,最后介绍了如何安装和验证git的版本。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

macbook m1版 前端环境配置

安装 Homebrew

复制以下代码到你的终端

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

安装完毕后输入 brew -v,会出现以下报错

command not found : brew

错误的原因是因为m1芯片的包安装位置已更改,/usr/local/ 变成了/opt/homebrew,所以要重新配置环境变量
1、首先进入根目录

cd ~

2、创建.zshrc文件

touch .zshrc

3、打开文件进行编辑

$ open -e .zshrc

4、复制以下代码,粘贴到文件中

export PATH=/opt/homebrew/bin:$PATH

export PATH=/opt/homebrew/sbin:$PATH

5、使用command + s保存

6、刷新环境变量

source .zshrc

7、重新检查测试

brew -v

如果成功会显示版本号:如 Homebrew 3.3.2

安装nvm

nvm的作用是作为node版本管理工具
输入命令进行安装

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

nvm安装成功之后,在命令行输入nvm,却提示command not found,需要以下操作解决

1、进入nvm安装的文件目录

cd ~/.nvm

2、查看目录下文件列表

ls -a

3、检查是否有 .bash_profile文件,没有则创建该文件:

4、创建文件

touch .bash_profile

5、打开文件

open .bash_profile

6、将下列代码复制粘贴到.bash_profile文件内

source ~/.bashrc
export NVM_DIR=“ H O M E / . n v m " [ − s " HOME/.nvm" [ -s " HOME/.nvm"[s"NVM_DIR/nvm.sh” ] && . “KaTeX parse error: Expected 'EOF', got '#' at position 18: …M_DIR/nvm.sh" #̲ This loads nvm…NVM_DIR/bash_completion” ] && . “$NVM_DIR/bash_completion” # This loads nvm bash_completion

7、使用command+s进行保存,并关闭该文件

8、更新刚配置的环境变量

source .bash_profile

9、输入 nvm命令,验证是否成功,如果成功,退出重登终端再次输入nvm检查是否仍然有效

使用nvm安装node

查看目前最新版本

nvm ls-remote

安装指定版本node

nvm install v17.0.1

特别注意:如果安装的是最新版本的node,可能在启动项目的时候报错,解决方式是:安装比较旧一点的版本
在这里插入图片描述

安装git

安装git前要先在终端上输入git,测试git是否已经安装

1、在终端输入命令,安装git

https://git-scm.com/downloads

2、安装完成后,输入以下命令查看版本信息

git --version

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值