m1 芯片配置前端环境

2 篇文章 0 订阅
1 篇文章 0 订阅

安装Xcode

打开终端 输入一下命令行
		xcode-select --install
然后会出现一个弹窗,点击安装即可,然后同意协议,接着等待下载安装完成即可,是否安装完成,通过下边命令测试
		git version

安装Homebrew

直接使用这个  中科大的镜像  
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

安装nvm作为node版本管理工具

这个安装简单,直接安装即可,就是安装完成之后显示。找不到nvm命令
网上说呢 brew 安装nvm之后缺少文件了 所以卸载nvm重新安装 使用github的仓库里边的,直接粘贴执行
	git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`   
	可以看到地址是gitee的地址

解决commond not found:nvm
	(1)进入.nvm文件夹   cd ~/.nvm
  (2)查看有没有.bash_profile文件,直接输入ls就可以查看当前文件夹下文件
  			如果有的话直接打开 open .bash_profile 进入.nvm文件夹
  			如果没有的话先新建 touch .bash_profile,新建完成之后,打开.bash_profile,粘贴进去下边这两行代码,是两行,有换行,粘贴进去直接退出就可
          export NVM_DIR="$HOME/.nvm"
          [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
	(3)编译.bash_profile
					source .bash_profile
	(4)检查是否可以使用
				nvm install v版本号 测试是否可以安装 或者 直接执行nvm
		

解决每次关闭终端后,都需要重新执行source .bash_profile才能重新使用nvm命令
		原因:没有将配置添加到.zshrc文件中
		(1)到这里的时候需要看看我们是否有.zshrc,
				如果有直接打开  open ~/.zshrc
				然后粘贴下边这两行代码
            export NVM_DIR=~/.nvm
            [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"2)如果没有.zshrc
    			第一步创建zshrc
        		touch .zshrc
        	第二步打开zshrc
        		open -e .zshrc
        	第三部在zshrc文件里输入source ~/.bash_profile然后保存:
		        source ~/.bash_profile
        	第四步刷新环境
        		source .zshrc

执行完以上操作后再重新打开终端,看是否有nvm命令
  • 如果每次启动终端还是没有nvm 就打开终端的偏好设置 看看是不是zsh
    – 不要使用默认登录的shell 用下面的命名完整路径
    在这里插入图片描述

使用nvm安装node

使用nvm直接下载node容易报错 这是首先吧nvm的下载源保存为国内镜像
NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node   这样设置之后再下载node就无脑安装了
  • 重启终端,再执行成功
nvm -h

在这里插入图片描述

  • 查看目前最新版本
nvm ls-remote

在这里插入图片描述

  • 安装最新版本
nvm install v15.12.0 // v后面直接复制版本

这样就安装成功了

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值