mac电脑前端环境配置【包含m1芯片】

431 阅读3分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第8天,点击查看活动详情

前言:新款的mac搭载了苹果自研的芯片,放弃了intel的x86芯片,那之前的软件难免会存在兼容性问题。

一、nvm的安装

1.卸载已安装到全局的 node/npm

  • 如果之前是在官网下载的 node 安装包,运行后会自动安装在全局目录

  • 其中:

    • node 命令在 /usr/local/bin/node
    • npm 命令在全局 node_modules 目录中
    • 具体路径为 /usr/local/lib/node_modules/npm
  • 安装 nvm 之后最好先删除下已安装的 node 和全局 node 模块:

npm ls -g --depth=0 #查看已经安装在全局的模块,以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装

sudo rm -rf /usr/local/lib/node_modules #删除全局 node_modules 目录
sudo rm /usr/local/bin/node #删除 node
cd  /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm #删除全局 node 模块注册的软链

2.nvm安装

安装命令

 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
  • 输入上面命令 会在结尾看到nvm配置,将此命令粘贴到.bash_profile文件中,输入vim ~/.bash_profile会打开这个文件,将上面内容粘贴进去。
  • 点击esc,输入:wq保存并退出。
  • 还可以在打开访达,在mac用户的根目录下使用shift+command+.显示隐藏文件。会看到.bash_profile文件,打开,粘贴进去保存就行。
  • 输入node -v你会发现提示命令不存在,输入source ~/.bash_file再重新输入node -v就好了。

常用命令

nvm install stable ## 安装最新稳定版 node
nvm install <version> ## 安装指定版本
nvm uninstall <version> ## 删除已安装的指定版本
nvm use <version> ## 切换使用指定的版本node
nvm ls ## 列出所有安装的版本
nvm ls-remote ## 列出所有远程服务器的版本
nvm current ## 显示当前的版本
nvm alias <name> <version> ## 给不同的版本号添加别名
nvm unalias <name> ## 删除已定义的别名
nvm reinstall-packages <version> ## 在当前版本 node 环境下,重新   全局安装指定版本号的 npm 包
nvm alias default [node版本号] ##设置默认版本

可能的问题

  • 我在通过命令行安装nvm成功之后(curl -o- raw.githubusercontent.com/nvm-sh/nvm/… | bash),终端输入nvm,提示 command not found: nvm,因为还没执行下面红框中的脚本。 在这里插入图片描述

把下面的脚本复制到终端,回车之后执行nvm命令,发现可以正常使用了。

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
  • 通过nvm安装最新的node版本 v15.8.0,没有什么问题,可以正常安装,这是因为最新版本的nvm和node,已经对M1做了兼容处理。

但是当通过nvm安装v15.x.x一下版本node 时,就会出现如下报错: 在这里插入图片描述 需要在Rosetta 2的模式下 执行对应的 terminal命令。

这里就有个问题了,什么是Rosetta 2 ?

这里有个简单的介绍文章(www.macdaxue.com/rosetta-2/ )。简单来说,其实就是M1芯片在过渡期间苹果给出的对应 X86芯片的兼容性方案。

在终端输入 arch -x86_64 zsh,然后回车,终端进入Rosetta 2模式。重新安装nvm(curl -o- raw.githubusercontent.com/nvm-sh/nvm/… | bash),然后nvm install 8.11.1,nvm install 10.3.0。

二、Git环境

本文git安装是使用了mac下的包管理工具homebrew,如果你还没有安装,那真是太不应该了,作为一个开发人员,首先你要安装homebrew,因为它实在是太方便了。homebrew安装教程:M1芯片Mac Homebrew 安装

1.安装git

  • 直接使用homebrew安装即可:
brew install git

2.git ssh 配置

  • 查看是否已配置: cd ~/.ssh 如果不能进入该目录,说明没生成过;
  • 检查下是否配置过git账户: git config --list

3.重新配置

重新配置,也要在Terminal终端进行

  • 配置账户
git config --global user.name "account name"   ->用户名,建议拼音或英文

git config --global user.email "account email"   ->邮箱地址
  • 生成秘钥
ssh-keygen -t rsa -C "account email" ->上面的邮箱地址

// 连续按3次enter完成创建。
  • 上面的步骤就完成了账户创建、秘钥生成,.ssh文件夹下就多了cid_rsa(私有秘钥)和 id_rsa.pub(公有密钥),下一步要查看并复制:
cat ~/.ssh/id_rsa.pub
  • Github 中添加 SSH KEY

打开 github --> setting , 选择 SSH and GPC keys --> NEW SSH key 将复制的公钥粘贴进去保存。

4.测试配置

ssh -T git@github.com

参考文章


水平有限,还不能写到尽善尽美,希望大家多多交流,跟春野一同进步!!!