Mac前端环境配置

帅到丨拖网速

已于 2024-05-31 10:03:37 修改

阅读量471

点赞数

文章标签：前端 bash

于 2022-09-27 11:36:22 首次发布

本文链接：https://blog.csdn.net/weixin_52518974/article/details/127068539

版权

Mac前端环境配置

针对mac环境，配置一些前端常用软件及依赖。

一、安装Homebrew

Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能

1. 安装

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

安装homebrew时会提示安装git

如果命令安装失败，浏览器进入https://gitee.com/cunkai/HomebrewCN页面根据提示操作，如下图所示
在这里插入图片描述

安装完成后输入brew出现的不是command not found一般就是成功了

2. 常用命令

# 查看Homebrew命令
brew help
# 安装任意包
brew install <packageName> 		Example：brew install node
# 卸载任意包
brew uninstall <packageName> 	Example：brew uninstall git
# 查询可用包
brew search <packageName>
#查询已安装包列表
brew list
# 查看任意包信息
brew info <packageName>
# 更新Homebrew
brew update
# Homebrew帮助信息
brew -h
# 查看brew版本
brew -v
# 更新brew版本
brew update
# 整理重复语句
open ~/.zshrc -e、open ~/.bash_profile -e

二、安装oh-my-zsh

oh-my-zsh 是基于 zsh (Z-shell) 的功能做了一个扩展，具有方便的插件管理、主题自定义，以及漂亮的自动完成效果

1. 安装

github

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

gitee

sh -c "$(curl -fsSL https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh)"

2. 设置为默认shell

# 查看所有可用shell
cat /etc/shells
# 切换默认shell
chsh -s /bin/zsh | sudo chsh -s /bin/zsh

三、安装iterm2

iterm2是一款用于 macOS 的终端模拟器，支持窗口分割、热键、搜索、自动补齐、无鼠标复制、历史粘贴、即时重播等功能特性

1. 安装

浏览器输入http://iterm2.com/downloads.html进入官网安装

2. 主题配置

2.1 下载agnoster主题

命令行输入

git clone https://github.com/fcamblor/oh-my-zsh-agnoster-fcamblor.git

进入该工程目录，将agnoster-fcamblor.themes复制到~/.oh-my-zsh/themes目录下

vim ~/.zshrc打开.zshrc⽂件，将ZSH_THEME后面的字段改为agnoster-fcamblor，如下

ZSH_THEME="agnoster-fcamblor"

2.2 增加指令高亮效果

指令⾼亮效果作⽤是当⽤户输⼊正确命令时指令会绿⾊⾼亮，错误时命令红⾊⾼亮

2.2.1 下载项目

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git

2.2.2 进入项目目录并执行pwd 记录当前项目的目录地址如/Users/zan/iterm2/zsh-syntax-highlighting

2.2.3 执行 vim ~/.zshrc 打开并编辑.zshrc文件，在最后添加如下内容 (注：下面的XXX指第二步时获取的目录路径)

source XXX/zsh-syntax-highlighting.zsh 
plugins=(zsh-syntax-highlighting)

配置完后执行source ~/.zshrc

2.3 安装powerFont

终端执行以下命令

git clone https://github.com/powerline/fonts.git --depth=1
cd fonts
./install.sh
cd ..
rm -rf fonts

安装完成之后，就可以设置 iterm2 的字体，具体的操作是 iTerm2 -> Preferences -> Profiles -> Text，在 Font 区域选中 Change Font，看个人喜欢，选择字体，字体名字带有 xxx for powerline 不会乱码

四、安装nvm

作为 node 的版本管理器，nvm 可以管理多个 node 版本（包含 npm 与 npx），可以方便快捷的安装、切换不同版本的 node

4.1 安装

# 常规安装
git clone https://github.com/creationix/nvm.git
source nvm/nvm.sh

# homebrew安装 (推荐使用)
brew install nvm

安装成功之后退出终端重新打开

输入nvm -v

出现的不是command not found说明安装成功

4.2 常用命令

# 安装最新稳定版 node
nvm install stable

# 安装指定版本
nvm install

# 删除已安装的指定版本，语法与install类似
nvm uninstall

#切换使用指定的版本node
nvm use vX.X.X

# 列出所有安装的版本
nvm ls | nvm list

# 列出所有远程服务器的版本（官方node version list）
nvm ls-remote

#显示当前的版本
nvm current