mac 开发 flutter 环境配置

本文首发简书，本人为原作者，现逃离简书
转载请注明出处
原文连接
掘金连接
https://www.jianshu.com/p/c55ad0e8f24f

高能提示：文章字数不多，图很多，请做好战斗准备

前言

写这篇文章的原因是我自己的macbook开不开机，返修后，所有开发环境全部没有了，正好要重新配置开发环境，所以写一个从零配置的文章
因为flutter涉及到跨平台开发，所以预想中会包含四部分
mac篇，android篇，ios篇，flutter篇

术语相关

cmd = command键（空格左边）
opt／alt = option键（cmd左边）
ctrl = control（opt左边）
cli = 命令行工具（command-line interface,命令行界面)
as = Android Studio

写在前面

最低需要xcode 9.0.0 以上的xcode版本
但是不建议从非官方渠道下载xcode，以免遇到之前盗版xcode的问题

我就是都装好了8.3才告诉我这个，没办法只能升级系统，再升级xcode

mac篇

所谓mac篇就是一些基础的环境，和效率工具

后面会使用

cli

我这里使用iterm2，一个免费的开源的命令行工具
默认的命令行工具用launchpad=> 其他 => 终端打开

zsh，用于替换bash环境，直接命令行中敲zsh,即可进入，修改默认zsh的可以自行百度
oh my zsh，一个zsh插件 具体可以自行百度

brew 一个很方便的包管理工具，基于ruby+git
命令行敲
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"即可
这里会自动安装xcode命令行环境，git环境，需要输入密码确认

效率篇

Alfred 一个快速开启app的辅助工具
Paw http工具
Sip 取色器

dmg相关

遇到提示dmg损坏，不要着急 并不一定是真的损坏里，参考这里 https://bbs.feng.com/read-htm-tid-10584598.html ，允许所有的来源即可

对于mac新手来说，可能不会使用dmg，双击打开，有允许点允许，有dmg密码输入密码，最后将应用拖入到application／应用里，一般dmg里都有快捷方式，没有的话自己打开finder／访达，拖到应用程序里面也行

环境变量相关

不会配置环境变量的，这要仔细看了
在cli中敲对应的命令即可

export NAME=VALUE //加入环境变量
unset NAME //删除环境变量

source fileName //使重新读取配置文件

这个敲击仅当前cli或衍生cli有效，想要永久生效就要将配置加入配置文件中

默认是bash，所以我们编辑bash的配置文件
vi .bash_profile 我这里使用的是vim工具，如果不习惯 后续的vi可以换成open ，遇到文件不存在就先敲touch $fileName

默认是没有.bash_profile 文件的，创建 并添加
export PATH=XXXXX:$PATH
这里XXX代表了你自己的环境变量（adb，jdk，flutter）等

因为我使用的是zsh,这里配置zsh相关的，让zsh可以“读取”到bash的配置即可

vi .zshrc  

在最后一行添加
source .bash_profile
保存，退出

vi个人常用命令
i插入 a在后插入
shift+4 行尾
l+数字，enter 指定行号
dd 删除行
yy 复制行
p 粘贴行
:wq 保存退出
:q 保存退出
:q! 强制退出不保存

ios篇

从app store安装xcode，建议不要使用迅雷等工具下载

我这里不是最新的mac os版本，所以需要下一个旧的xcode

等待漫长的安装，然后运行xcode

只能同意

等待中

看到这里xcode就算ok了

插一句，我这里因为先安装了brew，所以xcode命令行工具预先安装到了mac里，如果没装brew，这里可能会提示安装xcode命令行工具，git等等，