mac m1芯片配置前端开发环境(苦逼之路)

mac m1芯片配置前端开发环境(苦逼之路)

(1)xcode这个的安装仁者见仁智者见智(简单)

这个有的教程说让装。有的教程说不用装,秉承着能省一点就剩一点(毕竟一个多g的吧),没有装xcode

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

(2)安装Homebrew(小坑)

安装官方版本直接443,这是网络连接的问题,需要科学的上网,下边为官方地址
	/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

新手的话,直接使用这个  中科大的镜像   无脑安装 无需担心太多
	/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
直接安装第一个就好,如果失效了,换另一个

 

(3)安装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命令

(3)使用nvm安装node(简单)

使用nvm直接下载node容易报错 这是首先吧nvm的下载源保存为国内镜像
NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node   这样设置之后再下载node就无脑安装了
安装完成之后使用node命令看是否安装完成

(4)安装vscode

这个自己百度吧。。。。最新版vscode支持m1了,性能贼强悍,网上说的,可以自己安装下看看。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值