前端开发环境搭建 - MAC

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

安装 homebrew

中文文档

Homebrew 是一款 Mac OS 平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。

援引官方的一句话:又提示缺少套件啦?别担心,Homebrew 随时守候。Homebrew —— OS X 不可或缺的套件管理器。

# 查看 homebrew 版本号
brew -v

# 安装
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

zsh + oh my zsh 【可选】

shell 的类型有很多种,linux 下默认的是 bash,虽然 bash 的功能已经很强大,但对于以懒惰为美德的程序员来说,bash 的提示功能不够强大,界面也不够炫,并非理想工具。

而 zsh 的功能极其强大,只是配置过于复杂,起初只有极客才在用。后来,有个穷极无聊的程序员可能是实在看不下去广大猿友一直只能使用单调的 bash, 于是他创建了一个名为 oh-my-zsh 的开源项目…

自此,只需要简单的安装配置,小白程序员们都可以用上高档大气上档次,狂拽炫酷吊炸天的 oh my zsh~

安装 zsh

# 查看当前环境 shell
echo $SHELL

# 查看系统自带哪些 shell
cat /etc/shells

# 安装 zsh(MAC)
brew install zsh

# 将 zsh 设置为默认 shell(MAC)
# 在 /etc/shells 文件中加入: /bin/zsh
# 接着运行
chsh -s /bin/zsh

可以通过echo $SHELL查看当前默认的 shell,如果没有改为/bin/zsh,那么需要重启 shell。

安装 oh-my-zsh

oh-my-zsh 源码是放在 github 上,先确保你的机器上已安装了 git。

# 安装
wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh

Debian 12.0安装NVM管理器 这个命令会列出所有远程可用的 Node.js 版本,您可以从中选择要安装的版本。这样会列出所有 LTS 版本的 Node.js。您可以根据这些列表选择要安装的特定版本。如果您有任何问题或需要进一步的帮助,请随时告诉我!如果这样仍然无法解决问题,可以尝试重新启动终端会话,或者将上述加载 NVM 脚本的命令添加到您的 shell 配置文件(如。现在,您已经成功安装了 NVM 并使用它来管理 Node.js 版本。安装脚本已成功下载并安装了 NVM,但是在尝试运行。),以便每次启动终端时自动加载 NVM 阅读详情

相关推荐

Nvm执行nvm ls available命令报错:xxx509: certificate has expired or is not yet valid,npm淘宝镜像源的更换

执行nvm ls available Could not retrieve https://npm.taobao.org/mirrors/node/index.json. Get "https://npm.taobao.org/mirrors/node/index.json": x509: certificate has expired or is not yet valid,这是因为镜像域名的更换导致的证书过期

m0_56132701的博客 6767

nvm介绍、nvm下载、nvm安装、配置及nvm使用(Node Version Manager)nodejs版本管理切换工具

在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境,这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换。Node Version Manager(NVM) 是一种用于管理多个主动节点.js版本的工具。Node.js平台,Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用

南北极之间 20万+

mac前端开发环境搭建

现在前端规模越来越庞大,各种新东西层出不穷。以前随手拿个编辑器就能写页面的时代到现在什么预处理啦、编译啦、模块啦、打包啦、环境啦一堆。各种框架和设计模式层出不穷,MMP根本学不动啦!!! 来到腾讯以后更换了新电脑。每次换新电脑都得配置一大堆东西,所以这篇文章就是记录一下搭建前端开发环境所需要的大致一些步骤。 MAC环境 首先终端输入sudo spctl --master-disable...

刘泽华的博客 6663

nvm的使用教程

nvm的使用教程以及遇到的问题

weixin_43305450的博客 1万+

NVM 基本使用

NVM 基本使用

m0_65634497的博客 2万+

Mac-搭建前端开发环境

标题基于mac前端开发基本环境搭建 VSCode + git + node.js + npm+ webpack + vue-cli4 + nrm + yarn 如何从零开始搭建前端开发环境 MAC环境 首先终端输入sudo spctl --master-disable命令来开启任何来源。如果不开启这个会导致很多软件安装不了。 安装node环境和配置cnpm和tnpm方便安装依赖。因为原版npm因网络问题可能会导致各种报错。mac在安装node的时候会自动安装git,因此可以省去这一步。 验证 确保电脑环境

qq_45585640的博客 4244

mac 中的前端开发 环境搭建

1、 ctrl + space  输入程序名称,可以打开任何程序 2、 下载程序时,程序分为dmg 和 pkg 两种类型,dmg是可以直接拖入application中使用的,pkg 是需要安装的,有部分pkg 需要权限管理,所有程序或者权限都是可以通过 spotlight获取的 3、 快捷键:  fn + cmd + f5 打开声音导航 chrome 快捷键 来源于 cmd + opti

向着光奔跑的二静的专栏 1788

MAC前端开发环境搭建

IDE选择 visual studio code。相比于webStorm更轻量级,功能没有webStorm那么强大,需要自己安装一些插件,比如vetur插件、eslint插件。 webStorm。要钱,充钱就能用。如果你还是个Android开发,用webStorm挺不错的,快捷键什么的都和Android studio一样,毕竟都是jetbrains出的IDE。 ......

WYuan的博客 962

No 5. Mac和Win10环境搭建Vue前端开发环境

Mac搭建Vue前端开发环境

Firework_han的博客 3309

mac pro前端开发环境搭建

本文背景主要在本人已经搭建好后端环境之后,在mac pro上再搭建前端开发环境。具体后端环境搭建教程参考mac pro java后端开发环境搭建本文主要内容是在已经安装好后端环境mac pro上搭建前端环境,所以只需要安装vscode,node.js以及npm即可。本文用于演示的前端项目是开源的前后端分离的ruoyi项目。若想在本地看见完整的项目,同时也得启动后端项目。

www2019W的博客 733

【苍穹外卖】Mac前端开发环境搭建:从零到部署的完整指南

本文详细介绍了在Mac搭建苍穹外卖前端开发环境的完整流程,包括Homebrew安装与配置、Nginx部署与优化等关键步骤。针对国内开发者特别提供了镜像源加速方案,并分享了多项目环境配置、API代理设置等实用技巧,帮助开发者高效完成前端环境搭建

weixin_42523389的博客 474

Mac前端开发环境搭建

一、命令行工具:iterm2 1 选中即复制,不用command+c了; 2 全文查找并高亮显示:command+f 3 方便的分屏显示:垂直分屏:command+d,水平分屏:command+shift+d 4 自定义快捷键 5 强大的界面自定义,设置配色方案,透明背景,等等 6 其他功能,我还没有体验到的 打开全屏(Preferences - Profiles ...

anchi2021的博客 441

苍穹外卖-从零到一:Mac前端开发环境搭建与Nginx深度配置实战

本文详细介绍了在Mac上从零开始搭建前端开发环境并深度配置Nginx的实战指南。以'苍穹外卖'项目为例,涵盖Homebrew安装、Node.js环境配置、Nginx安装与优化,以及静态资源服务、API反向代理、WebSocket支持等核心配置技巧,帮助开发者快速构建高效的前端开发环境

weixin_29234509的博客 80

Mac 使用 grunt 搭建前端开发环境

一、安装node.js 点击下载系统对应的pkg安装包,直接安装即可。 安装完成之后在终端中输入node -v来查看版本,如下图所示即表示安装成功。 二、安装grunt-cli 在终端输入sudo npm install -g grunt -cli将grunt-cli安装在全局环境中; 输入grunt命令验证是否安装成功; 三、创建项目文件夹 文件夹中创建package.json文件,在该文...

cherry的前端学习历程 804

新入手Mac配置前端环境教程

新入手Mac配置前端环境教程 跳槽新进入一家公司给新配置的 Mac 电脑 那么我们接下来该如何步入正常的前端开发流程呢 ? 在此稍微记录一下 , 节省时间 ,以防后期再用到 。 目录 1、安装 Xcode 2、安装 Homebrew 3、安装 Git 4、安装 nvm 利用 nvm 安装 node Mac系统安装nvm后,nvm命令找不到

Mr.小灰狼_随笔 4400

在windows下搭建mac前端开发环境

最近把自己玩游戏的台式机修理了下,闲来无事就给安装了下前端的开发环境,整理一下安装的步骤,主要分为三个步骤: 安装windows版的包管理工具Chocolatey 安装windows的命令行工具cmder 安装Nodejs版本管理工具nvm 安装Chocolatey 在window下按WIN+R输入‘cmd’,打开windows原生的命令行,很丑是不是,别担心我们马上就不用他了(确认自己有管理...

weixin_30828379的博客 247

win10 搭建类似Mac前端开发环境

为什么80%的码农都做不了架构师?>>> ...

weixin_34015336的博客 367

前端Mac快速搭建开发环境

本文介绍Mac前端开发环境的快速搭建方法:1) 通过终端命令安装Homebrew包管理器;2) 使用brew安装nvm管理Node版本,并配置.zshrc文件;3) 通过brew安装Git并配置用户信息;4) 生成SSH密钥并添加到Git平台;5) 使用npm全局安装pnpm包管理工具。文中提供了详细的命令行操作步骤,帮助开发者快速完成环境配置。

hole_diss的博客 375
上一篇: Chrome 浏览器,多标签页共用一个进程场景
王家麦子
博客等级 码龄7年 0粉丝 2原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值