macOS 前端环境准备 (Homebrew、NVM)

·  阅读 227
macOS 前端环境准备 (Homebrew、NVM)

前言

重装了 mac 系统,趁着这次机会,记录一下环境搭建的过程和常用软件的下载安装。

1. Git

我们首先安装 Git 因为安装 Homebrew 需要使用到 Git 命令。

先检查系统是否已安装 Git,命令行输入git --vsersion,如未安装,将会提示你安装。 安装路径为/usr/bin/

2. Homebrew

Homebrew 是一个 Mac/Linux 环境下的软件包管理器(PM),用命令行的方式下载软件,符合程序猿习惯。接下来我们可以使用它下载剩下的软件。

官网:brew.sh

下载安装

由于网络环境问题,我们使用国内的安装源

# 安装 Homebrew 
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
复制代码

常用命令

# 使用 brew 安装软件 --cask 参数表示安装带有用户界面的软件
brew inastall --cask firefox

# 使用 brew 移除指定软件
brew uninstall firefox

# 更新所有软件
brew upgrade

# 检查所有过期的软件
brew outdated

# 搜索软件 返回名称相似软件列表
brew search git 

# 查看指定软件信息
brew info git

# 查看已安装软件列表
brew list

# 删除所有或指定的旧安装包
brew cleanup git
brew cleanup 
复制代码

Homebrew 自身安装路径为

  • /opt/homebrew(for ARM);
  • /usr/local(for Intel)

brew 安装的软件路径为:

  • formula

    • /opt/homebrew/Cellar(for ARM);
    • /usr/local/homebrew/Cellar(for Intel)
  • cask

    • /opt/homebrew/Caskroom(for ARM);
    • /usr/local/homebrew/Caskroom(for Intel)

3. NVM

nvm 是 node 版本管理工具,方便安装和切换 node 版本。

下载安装

brew install nvm
# 在用户目录创建 NVM 的工作文件,如果它不存在
  mkdir ~/.nvm
  
# 加入下面的配置项到你的 终端配置文件中 比如 ~/.zshrc 
export NVM_DIR="$HOME/.nvm"
  [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh" 
  [ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" 
复制代码

重启终端即可使用 NVM

常用命令


# 查看已安装 node 版本
nvm ls 

# 查看可安装 的node 版本
nvm ls-remote --lts

# 安装指定版本 node
nvm install 8.0.0 

# 卸载 node
nvm uninstall

# 使用最新的可用 8.0.x 版本
nvm use 8.0 

# 使用 node 6.10.3 运行 app.js
nvm run 6.10.3 app.js

# 在 shell 上设置默认的 node 版本
nvm alias default 8.1.0

# 在 shell 上设置默认的 node 版本为最新版
# node 是 最新版的别名
nvm alias default node  
  
# 安装最新的可用版本
nvm install node

# 使用最新版本
nvm use node

# 安装最新的 LTS 版本
nvm install --lts

# 使用最新的 LTS 版本
  nvm use --lts                       
复制代码

安装 Node

nvm install --lts

## 查看 node 版本
node -V
复制代码

4. 其他常用软件

# VSCode
brew install --cask visual-studio-code

# EDGE
brew install --cask microsoft-edge

# Firefox
brew install --cask firefox

# Snipaste 截图软件
brew install --cask snipaste

# Whislte.js 基于 Node 的 web 调试代理工具,使用 npm 安装,使用 homebrew 会出现不支持苹果芯片 arm 架构的报错
npm install -g whistle

# clashX 科学上网工具
brew install --cask clashx
复制代码

常见错误

1. xx 软件已损坏,无法打开。您应……

截屏2022-05-20 16.14.46.png

  1. 遇到 “xx 软件已损坏,无法打开。您应……”的提示,可以尝试检查:系统偏好设置 -> 安全性与隐私 -> 允许从以下位置下载的 APP 中勾选"任何来源"。

  2. 如果不包含"任何来源",则打开终端,输入以下命令,然后输入电脑密码,回车

sudo spctl --master-disable
复制代码
  1. 重新打开之前报错软件,如果仍报错,继续以下操作

  2. 在终端中输入以下命令(注意: 后面有个空格)

sudo xattr -d com.apple.quarantine 
复制代码

然后在程序中找到报错的程序拖动到终端框中,回车

截屏2022-05-20 16.21.57.png

sudo xattr -d com.apple.quarantine /Applications/Clash\ for\ Window.app
复制代码

然后重新打开应用即可,我的最多执行到此问题就解决了,如果还出现问题,则要排查一下是否是程序本身的问题。

参考链接:www.macwk.com/article/mac…

2. brew 安装软件遇到 fatal: not in a git directory Error: Command failed with exit 128: git

截屏2022-05-21 23.11.53.png

下载旧版 Command Line Tools For XCode 13.3.1,总之不要装 13.4 以后的版本,等待官方修复。

CLT For XCode 13.3.1 下载地址: developer.apple.com/download/al…

安装完成之后就成功了。

参考:ask.csdn.net/questions/7…

其他软件

  1. SSH 远程连接软件
  2. NPM 常用命令、升级和坑
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改