前端MAC开发环境和软件配置

324 阅读1分钟

vscode 下载安装

大部分情况下,在官网直接下载mac版本的安装包即可; code.visualstudio.com/

image.png 但是有可能会因为某些网络的原因,导致下载速度特别慢,导致下载中断。所以我们要下载地址替换成国内的地址即可

image.png

image.png 将此处选中的部分更换为 vscode.cdn.azure.cn 使用国内的镜像服务器加速

homebrew安装

homebrew是mac下的一款包管理软件,有了homebrew,一条指令就可以安装软件,并且自动配置环境变量,再也不用头疼变量配置了。

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

image.png 选择下载源回车,如果弹出弹窗安装命令行开发工具,点击安装,完成后重启终端,重新执行刚才的命令选择安装源下载。

image.png 下载完成后配置,我这里选择的是阿里巴巴国内源。

image.png 看到如上的页面,既是安装成功过。

激活环境变量: 终端输入这行命令即可

source /Users/lpc/.zprofile

验证是否成功安装:  - 安装下[cask]测试验证下是否安装成功

brew upgrade
brew install cask
brew install git

image.png 正在下载中,说明我们的Homebrew已成功安装

iterm2安装

MacOs自带的终端用起来不太方便,界面也不是很友好。iTerm2 是一款Mac终端模拟器(终端增强),有拆分窗口,搜索,命令智能提示加自动完成,历史记录,完全可定义的终端皮肤风格等等。

直接使用Homebrew安装iterm2:

依次运行:

brew search iterm2
brew install iterm2

安装oh-my-zsh

为什么要安装 oh-my-zsh?很简单:更智能的自动补全、命令选项提示、更丰富的主题。让你的终端不在单挑普通! 不太清楚oh-my-zsh和iterm的小伙伴可以看一下这里zhuanlan.zhihu.com/p/290737828

直接使用Homebrew安装zsh: brew install zsh

image.png 设置zsh为默认shell,命令行中更改:

  • 查看当前shell使用
echo $SHELL
  • 如果不是/bin/zsh,则设置为/bin/zsh:
chsh -s /bin/zsh

下载oh my zsh

  • 安装wget或者git:
brew install wget
brew install git
  • 下载oh my zsh安装包:
wget https://gitee.com/mirrors/oh-my-zsh/raw/master/tools/install.sh

或者

git clone https://gitee.com/mirrors/oh-my-zsh.git

image.png 安装oh my zsh:

sh install.sh

image.png 如上图,则表示安装成功

配置用户环境变量

cat <<EOF>>~/.zshrc
export ZSH="/Users/lpc/.oh-my-zsh"
DEFAULT_USER="$USER"
ZSH_THEME="bira"
source $ZSH/oh-my-zsh.sh
EOF

安装nvm/n

nvm是node的版本管理工具,通过nvm use xxx可以快速的切换node版本,在不同项目中开发切换纵享丝滑。

brew install nvm
# 安装常用node版本
nvm install 6.10.1
nvm install 8.17.0
nvm install 10.21.0
# 配置默认版本
nvm alias default 10.21.0

n命令

brew install n

只需执行n 后面跟上node版本号,即可安装node。如果已经安装(通过n),n将激活该版本。
例如:

   $ n 10.0.1
   $ n 16.9.1

n单独执行是查看当前安装的版本,使用向上和向下箭头键导航并按enter或右箭头键进行选择,使用^ C(控制+ C)退出选择屏幕。