Mac安装brew及前端环境「亲测有效」

最新推荐文章于 2025-10-20 13:40:32 发布
原创 最新推荐文章于 2025-10-20 13:40:32 发布 · 543 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#macos #前端 #bash

本文提供了一步一步的教程来解决因Node版本过高而导致的与node-sass不兼容的问题。通过卸载高版本Node并使用brew安装匹配版本的Node，确保与项目中使用的node-sass版本兼容。此外，还详细介绍了如何配置环境变量以及如何使用Yarn下载项目依赖。
brew 安装教程

点击体验brew 保姆级教程

yarn 下载
brew install yarn
在项目中遇到的问题

yarn 下载依赖包时报错，如图：
报错图片

  • 当前错误版本：
    • node版本：v18.7.0
    • node-sass版本：v5.0.0

由于node 版本过高，导致两者不兼容 自行查询node与node-sass版本

重新卸载/安装node，下载匹配node-sass版本

  • 卸载node

     brew uninstall node@18 --force // node@版本号

  • 如果没有配置环境变量，执行完此命令后，node -v 输出：node: command not found
    在这里插入图片描述

  • 删除配置的环境变量

    • 步骤一：修改.bash_profile文件「没有此文件默认创建」
      touch ~/.bash_profile
    • 步骤二：打开.bash_profile文件删除node的配置 「如果在步骤二出现报错，这种情况可能是环境变量没有删除」
      open ~/.bash_profile
    • 步骤三：执行.bash_profile文件
      source ~/.bash_profile

  • 安装node

    • 查询支持的node版本
      brew search node
      node版本
    • 安装node，根据提示执行相应的命令即可顺利完成安装
      在这里插入图片描述

  • node 安装完成后，进入项目根目录执行yarn下载依赖
    在这里插入图片描述
    到这里即是结束！㊗️好运

MacbookPro安装前端开发环境的爬坑之旅
zhualao的博客
02-09 2089
系列文章目录 文章目录系列文章目录前言一、MacbookPro的系统认知二、强大的触控板（16种姿势带你飞）1.熟悉触控板2.熟悉怎样下载APP3.开始前端环境的搭建总结 前言 前端开发的小菜鸟拿到人生第一台MacbookPro的使用指南 一、MacbookPro的系统认知 1.首先认识Mac OS系统，这里以10.15版本为例 二、强大的触控板（16种姿势带你飞） 1.熟悉触控板 代码如下（示例）： import numpy as np import pandas as pd import matp
Mac 12 安装VUE 开发环境
weixin_41636021的博客
11-28 789
在mac 12上安装vue开发环境
Mac+Brew 安装前端配置环境
护着我的发际线的博客
04-18 446
Mac+brew 安装前端配置环境
Homebrew本身环境安装
yanhaijunyan的博客
03-15 443
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" Homebrew环境的安装 需求选项规则参数指定命令方向 Homebrew是终端的配置使用工具，用来管理在终端下操作的程序码及在终端下操作的软件包依赖性，使Mac电脑可以快速配置开发环境。终端窗口通过Homebrew环境管理tar/giz等软件包。 Homebrew安装环境已经配置完成 brew help brew
Mac终端下使用Homebrew高效安装软件完整指南
最新发布
weixin_29717341的博客
10-20 564
在macOS系统中，终端（Terminal）是连接用户与操作系统底层功能的核心工具。它不仅提供了对Unix基础系统的直接访问能力，还为开发者、运维人员和高级用户提供了强大的命令行环境。本章将深入介绍Mac终端的基本构成与常用操作，包括如何启动终端、理解shell环境（默认为zsh）、目录导航、文件管理以及权限控制等基础但关键的操作。同时，还将讲解命令的语法结构、参数传递方式及输出重定向机制，帮助读者建立扎实的命令行使用基础。这些技能不仅是后续学习Homebrew的前提，更是实现高效软件管理的基石。
Mac安装brew和yarn
菜鸟先飞
03-23 961
Mac 开发工具
BREW环境
独自登高楼 望断天涯路
03-09 1637
BREW是一个可扩展的、面向对象的应用程序开发和执行环境，它使用C/C++语言进行开发。同时，BREW还被设计成了一个所见即所得开发系统。BREW支持应用程序和共享模块，应用程序和模块做为独立的DLL开发，运行时由模拟器载入。共享模块中可以包含功能模块，例如开发游戏时，可以将增强功能的图形接口进行重新封装，做为应用开发中的接口使用，这些扩展接口可以同BREW标准接口一样在应用程序中使用。B
IOS 开发环境brew 安装
杨长文的博客
03-03 843
Brew官网 Mac终端输入以下代码： /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
mac上node.js环境的安装测试
10-19
Mac上安装Node.js环境主要分为三个步骤：环境配置、安装和程序测试。下面详细解析每一步骤中涉及的知识点。 ### 环境配置 在安装Node.js之前，我们需要配置好Mac的操作环境。这一步骤中涉及到的工具是Homebrew，它...
【苍穹外卖】Day01—Mac前端环境搭建
gadiaola的博客
05-21 1574
本文详细介绍了如何在MacOS上使用Homebrew安装和配置Nginx。首先，通过执行特定命令安装Homebrew，并验证安装成功。接着，使用Homebrew安装Nginx，并记录关键路径如配置文件和默认网页目录。安装完成后，通过命令验证Nginx版本。文章还介绍了如何启动、停止和重启Nginx服务。在配置部分，指导用户替换nginx.conf和html文件夹以完成Nginx的个性化设置。最后，通过重启Nginx并在浏览器中访问localhost:8080来测试前端部署是否成功。
Mac安装PHP开发环境
m0_67402731的博客
07-30 417
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。程序会自动安装，安装完成后，将PHP加入$PATH中。测试数据库是否安装成功，如下显示即为安装成功。3.创建php-fpm配置文件。...
mac下使用brew配置环境的步骤分享
12-17
首先 开启web共享。 配置 httpd.conf 加入php拓展 /etc/apache2/httpd.conf 如出现 ULIMIT_MAX_FILES=”ulimit -S -n `ulimit -H -n`” 错误 需要去掉 /usr/sbin/apachectl 里面的 ulimit -S -n `ulimit -H -n 重启apache brew install memcached 安装 memcache 安装后 memcache 路径 /usr/local/bin/memcached Add “-d” to start it as a daemon. /usr/local/bi
打造前端MAC工作站（三）使用brew利用命令行安装软件
FungLeo's Blog
02-26 8760
打造前端MAC工作站（三）使用brew利用命令行安装软件前情回顾打造前端MAC工作站（一）简单系统配置 打造前端MAC工作站（二）安装软件的两种方法前言最好的系统是linux，只是我们前端工程师的一些特殊需求，导致大多数前端工程师选择了MAC系统作为我们的主力工作站。但是，我们不能沉迷于MAC的各种图形工具，我们还是要练习和使用强大的命令行工具。这一章，我们就两讲如何在MAC下面使用命令行安装软件
brew安装前端所需
qq_18728967的博客
09-11 308
【代码】brew安装前端所需。
【从头学前端】mac安装brew
xiangcumeimei的博客
01-16 289
mac安装brew
Homebrew 简介 和 在Mac上的基本使用
m_review的博客
03-11 4618
一、Homebrew是什么 Homebrew是Mac的OS X上的软件安装管理工具，类似于apt-get或者yum。 拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。 Homebrew Cask是Homebrew的扩展，可以用来安装一些应用。 二、Homebrew安装 1. 要求 Inte...
mac 安装sass过程总结
sepier的博客
09-27 2100
这里写自定义目录标题项目场景：问题描述： 项目场景： 今天心血来潮给mac上准备安装一下sass，以前都是项目中有所以也就没有安装，今天安装了一下各种报错，简单的记录一下 问题描述： 一、运行 gem install sass 然后就是各种错误，懵逼了我不知道怎么继续下去了，只能在网上搜索可行的方案，结果找到了说是ruby的版本太低了，好吧 ！那就升级ruby！ 1、更新 brew brew update 然后又是各种报错，太难了我！ Error: homebrew-cask is a shal
mac系统 前端开发环境安装
08-31
Mac系统上安装前端开发环境通常涉及几个关键步骤，包括设置Web浏览器、选择一款文本编辑器和安装必要的开发工具包。以下是基本的安装流程： 1. **安装Web浏览器**：大多数开发者会首选Safari作为默认浏览器，但Chrome或Firefox也是常用的选择。你可以直接从它们的官方网站下载并安装。 2. **文本编辑器或IDE**： - **Visual Studio Code (VSCode)**：这是一个流行的开源编辑器，功能强大且支持多种语言插件，非常适合前端开发。可以在其官网下载安装。 - **Sublime Text** 或 **Atom**：这两个也是备选方案，各有特色。 3. **Node.js**：前端开发离不开Node.js，它是JavaScript运行在服务器端的环境。通过访问nodejs.org网站，下载适用于macOS的安装包安装。 4. **Git**：版本控制系统，用于协同工作和项目管理。在Homebrew（macOS的包管理器）中输入`brew install git`进行安装。 5. **安装相关开发工具**： - **Webpack**：模块打包工具，对前端项目构建很有帮助。 - **Babel**：用于处理ES6+语法到兼容旧浏览器的转码。 - **PostCSS** 和 **CSS预处理器如Sass或Less**：扩展CSS的功能。 - **npm或Yarn**：Node Package Manager，用于管理和安装依赖库。 完成以上步骤后，你就可以开始在Mac上编写、测试和部署前端项目了。如果你需要特定的框架（如React、Vue等），记得查看其官方文档获取额外的配置指导。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值