mac 前端开发环境

Estelle同学63427
362 阅读2分钟

1. 安装homebrew

官网链接下载:

参考homebrew官网， 在macOS终端（Terminal ）or Linux shell 中执行下面的命令：

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

镜像下载:

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

具体参考链接如下：blog.csdn.net/qq_36991248… 。

安装成功后，执行 brew -v 查看。

解决 raw.githubusercontent.com 错误

错误提示如下：

curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused

问题产生的原因： 执行命令，安装工具时，脚本需要到 raw.githubusercontent.com 上拉取代码 github 的一些域名的 DNS 解析被污染，导致DNS 解析过程无法通过域名取得正确的IP地址

解决方案：

打开 www.ipaddress.com/ 输入访问不了的域名

image

查询之后可以获得正确的 IP 地址

在本机的 host 文件中添加，建议使用 switchhosts 方便 host 管理

199.232.68.133 raw.githubusercontent.com
199.232.68.133 user-images.githubusercontent.com
199.232.68.133 avatars2.githubusercontent.com
199.232.68.133 avatars1.githubusercontent.com

添加以上几条 host 配置，页面的图片展示就正常了

1694059242030.jpg

2. 安装git

安装命令：brew install git ，通过git -v可以查看git是否安装成功。

3. 安装nvm

mac NVM环境配置

nvm安装步骤

具体的步骤如下：首先打开终端，进入当前用户的 home 目录中。

 cd ~

然后使用 ls -a 显示这个目录下的所有文件（夹）（包含隐藏文件及文件夹），查看有没有 .bash_profile 这个文件。

ls -a

如果没有，则新建一个。

touch ~/.bash_profile

如果有或者新建完成后，我们通过官方的说明在终端中运行下面命令中的一种进行安装，指定nvm版本，使用以下 cURL 或 Wget 命令：：

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

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash

在安装完成后，也许你会在终端输入 nvm 验证有没有安装成功，这个时候你会发现终端打出 Command not found，其实这并不是没有安装成功，你只需要重启终端就行，再输入 nvm 就会出现 Node Version Manager 帮助文档，这表明你安装成功了。

nvm命令提示

# 安装最新稳定版本
$ nvm install stable

# 安装node指定版本
$ nvm install 16.17.8

# 卸载node指定版本
$ nvm uninstall 16.17.8

# 切换node到指定版本
$ nvm use 16.17.8

# 切换node到指定版本
$ nvm which 16.17.8

# 查看所有版本
$ nvm ls

# 查看当前版本
$ nvm current

python 配置

具体安装和环境配置参考：mac python 安装和环境配置

常见问题

npm 安装node-sass时遇到的问题

错误信息：

npm ERR: npm failed at the node-sass postinstall script
npm ERR! node-sass@4.14.1 postinstall: ‘node scripts/build.js’

解决方法：

  1. 确保您的环境中安装了 python。node-gyp 在编译时需要 python。请确保您已经安装了 python，并将其添加到 PATH 环境变量中。
  2. 根据相应的node版本，安装node-sass对应的版本：npm install node-sass@4.14.1

binding.gyp 问题

错误信息：ValueError: invalid mode: 'rU' while trying to load binding.gyp 产生的原因和解决方法：有可能是安装的 python 版过高的本问题，卸载 python v3.11 改成 python v3.10 就没有问题了。

avatar
文章
阅读
粉丝