Mac前端开发环境的搭建

anchi2021

关注

转载最新推荐文章于 2026-04-08 09:08:20 发布 441 阅读 AI 写同款· GEO 优化 ›

一、命令行工具：iterm2

1 选中即复制，不用command＋c了；
2 全文查找并高亮显示：command＋f
3 方便的分屏显示：垂直分屏：command＋d，水平分屏：command＋shift＋d
4 自定义快捷键
5 强大的界面自定义，设置配色方案，透明背景，等等
6 其他功能，我还没有体验到的

打开全屏（Preferences - Profiles - Window - Settings For New Windows）
背景透明度（Preferences - Profiles - Window - transparency）

二、终端软件包管理工具：brew

官网：https://brew.sh/

在终端命令行输入安装命令：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装完毕可在终端命令行通过：sudo brew install xxxx  命令安装软件。

安装软件是可能会报错：

　　Error: Running Homebrew as root is extremely dangerous and no longer supported. As Homebrew does not drop privileges on installation you would be giving all 　　build scripts full access to your system.
　　此时将命令改成：brew install xxxx即可。　　

三、总断复用工具：tmux

官网：https://github.com/tmux/tmux/wiki

可以直接通过brew安装：brew install tmux

特点：

可横向和纵向分割窗口
窗格可以自由移动和调整大小，或直接利用四个预设布局之一
可在多个缓冲区进行复制和粘贴
可通过交互式菜单来选择窗口、会话及客户端
提供了强劲的、易于使用的命令行界面

四、安装npm、node、git

大部分前端工具都依赖node，一般在官网下载node安装包，安转node自带npm包管理工具，git是代码版本管理工具，也可以通过官网下载安装包安装。

也可以使用命令行安装：

brew install node

brew install git

五、zsh

有时候会发现执行命令时前面一串系统自带的字符串很长，想移去，此时久可以用zsh

wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh
zsh的强大之处在于可以自定义快捷键。比如，要执行webpack，但是每次都要输入webpack太麻烦了，使用webpack －－watch，也要输入很长的命令，而通过wp则简单的很：

只需在～/.zshrc中输入以下规则即可。

alias wp='webpack'
alias wpw='webpack --progress --colors --watch'
alias wps='webpack-dev-server --progress --colors'
这样，我们直接在命令行中输入wp就是执行的webpack，输入wpw，即启动了观察模式，输入wps，则启动了服务器，是不是很简单？！

原文地址：https://www.cnblogs.com/yangyoucun/p/5145237.html?_t=t　

转载于:https://www.cnblogs.com/boye-1990/p/10774384.html