MacBook M1配置前端开发环境

2021-07-29  本文已影响0人  冬天我不穿棉袄

xcode的安装

我直接在应用商店安装的

安装Homebrew

ARM版Homebrew需要安装在/opt/homebrew路径下,第一个是中科大的镜像源

中科大镜像源

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

官方镜像源

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

nvm安装

github上的会报443, github 的一些域名的 DNS 解析被污染,导致DNS 解析过程无法通过域名取得正确的IP地址。通过配置hosts也可以使用git的地址。

  1. 首先上ip查询网站,输入raw.githubusercontent.com,查询对应的ip
    image.png
  2. 修改hosts
    在终端输入命令,vi /etc/hosts
    增加185.199.110.133 raw.githubusercontent.com。点击esc按键,并输入:wq即可完成保存退出
    图为修改过后的文件


    image.png

gitee的安装地址

git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

git的安装地址

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

解决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

#修改为taobao镜像源
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
export  NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs
  1. 编译.bash_profile
    source .bash_profile
  2. 检查是否可以使用
    nvm -v

解决每次关闭终端后,都需要重新执行source .bash_profile才能重新使用nvm命令。原因:没有将配置添加到.zshrc文件中

  1. 到这里的时候需要看看我们是否有.zshrc,如果有直接打开 open ~/.zshrc。然后粘贴下边这两行代码
export NVM_DIR=~/.nvm
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
  1. 如果没有.zshrc
    第一步创建zshrc
    touch .zshrc
    第二步打开zshrc
    open -e .zshrc
    第三部在zshrc文件里输入source ~/.bash_profile然后保存:
    source ~/.bash_profile
    第四步刷新环境
    source .zshrc

如果使用的是zsh终端,只需要添加source .zshrc即可。
查看使用的终端命令
echo $SHELL
系统安装的终端
cat /etc/shells
切换终端
chsh -s /bin/bash //切换终端为bash
chsh -s /bin/zsh // 切换终端为zsh

image.png

bash读取的配置文件:/.bash_profile文件,zsh读取的配置文件:/.zshrc文件。在.zshrc文件中加上source ~/.bash_profile,可以直接从.bash_profile文件读取配置。

解决每次重新打开终端需要使用nvm use命令,用npm安装的vue cli才会生效。设置一个默认版本,nvm alias default xxx,xxx为版本号,nvm ls可以查询所有的node版本。以我的版本为例,如果要设置16.0.0为默认版本,则使用,nvm alias default 16.0.0命令设置。


image.png
上一篇 下一篇

猜你喜欢

热点阅读