mac前端基础开发环境

安装 Xcode

这个实际用的很少(除了在用react-native开发ios端的时候)， 但是，后面一些环境需要依赖它，所以首先得装它。具体在mac的App Store里面直接能装

image.png

安装Iterm2

iTerm[1]
是一个为Mac OS X编写的，功能齐全的终端仿真程序；目标是在为用户提供OS X下最佳的命令行经验；

• 下载地址 http://www.iterm2.com/downloads.html

image.png

简述：简单来说就是一个命令行终端（命令行属性linux或者unix）
常用mac终端命令：http://www.jianshu.com/p/8a6aab1979af

安装oh-my-zsh (可选)

• 方法1：

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

• 方法2:

sh -c "$(wget https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

zsh工具：这个为可选项，也有其他代替品，我是用的这个，可以试终端UI更好看，以及一些zsh的好用特性。

image.png

安装brew工具

Home Brew 简单的说就是可以快速在终端安装一些软件的工具，例如安装 brew install wget. 具体用法这里不介绍

• 安装方法：
  /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• 官网地址： https://brew.sh/index_zh-cn.html

安装node

安装node方法有很多。 这里介绍两种

• 方法1：直接使用brew 安装

brew install node # 默认安装最新版

• 方法2： 到node 官网下载已编译好的安装包https://nodejs.org/en/download/。然后放到mac某个目录
  例如放到的路径为/usr/local/node-v5.11.1-darwin-x64， 然后在配置环境变量， 方法很很多。这里介绍一种

nano nano /etc/paths

然后在文件末位加上

/usr/local/node-v5.11.1-darwin-x64/bin/

image.png

检验是否安装成功，在终端运行node -v如图：表示安装成功

image.png

安装git

git 分布式版本管理工具，具体用法不多说。git常用命令：http://www.jianshu.com/p/7fde04e6df22

• 安装方法：

brew install git