Flutter 环境搭建-Mac

直接双击解压，或者命令行解压。注意目录不要有中文或者空格，配置flutter地址时，会找不到。

 cd ~/development
 unzip ~/Downloads/flutter_macos_2.0.1-stable.zip

如果您使用的是Bash，请编辑$HOME/.bash_profile或$HOME/.bashrc。如果您使用的是Z shell，请编辑$HOME/.zshrc。如果使用其他Shell，则计算机上的文件路径和文件名将不同。

我是zsh,所以执行：vim $HOME/.zshrc

ouyang@ouyangdeMacBook-Pro ~ % vim $HOME/.zshrc
zsh: permission denied: /Users/ouyang/.zshrc

执行命令 chmod a+x ./文件名

ouyang@ouyangdeMacBook-Pro ~ % chmod a+x $HOME/.zshrc       
ouyang@ouyangdeMacBook-Pro ~ % vim $HOME/.zshrc

添加以下行，并将其更改 [PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径：

 export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

通过[vim $HOME/.zshrc]进入下图：

执行步骤：

a:英文输入法状态，按i进行插入。

b:[PATH_TO_FLUTTER_GIT_DIRECTORY]替换为你自己的flutter的地址。

c:保存退出，先按esc,在按冒号，在输入wq 回车。

配置好了地址，更新配置文件。执行如下：

ouyang@ouyangdeMacBook-Pro ~ % source $HOME/.zshrc

flutter通过运行以下命令来验证该命令是否可用，如下：

 which flutter

flutter doctor是检测环境是否缺少东西，或者依赖有问题。每次安装好依赖之后，在执行一次flutter doctor检查，看log按照提示去更新解决。

flutter path配置好了之后，执行以下命令以查看是否需要安装任何依赖项才能完成设置（对于详细输出，请添加-v标志）：

 flutter doctor

效果如下：

重点关注错误部分，红色x的地方。每个人的提示可能不一样，我这边Android环境已经配置好了。所以只要配置好xcode环境即可。

一旦安装了所有缺少的依赖项，请flutter doctor 再次运行命令以验证是否正确设置了所有内容。

CocoaPods是管理您的Xcode项目的库依赖关系，所以安装如下：

 ouyang@ouyangdeMacBook-Pro ~ %  sudo gem install cocoapods

安装cocoapods成功后在执行flutter doctor，警告提示Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses.

那就按照提示运行flutter doctor --android-licenses 一路Y就好了。最后在执行flutter doctor 检查依赖。如下检查全绿：

环境到这就搭建完毕，完结撒花~✿✿ヽ(°▽°)ノ✿

 flutter create my_app
 cd my_app
 flutter run

运行在不同的平台效果如下：