Flutter Mac环境搭建

1、安装SKD

Flutter SDK下载地址

屏幕快照 2019-09-04 09.17.20.png

2、复制SDK 将它配置到你想安装SDK的目录

3、配置flutter镜像地址

vim ~/.bash_profile  命令行输入后回车，打开.bash_profile配置镜像地址

进入后默认是不可编辑的，按E进入编辑模式

屏幕快照 2019-09-04 09.22.18.png

然后再按I 出现-- INSERT --就可以编辑了输入如下环境变量

export PATH="/Users/Destiny/flutter/bin:$PATH"  // SDK安装目录
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_UUL=https://storage.flutter-io.cn

屏幕快照 2019-09-04 09.27.10.png

编辑完成后，按“Esc”,再按“:wq”，保存这个文件 退出编辑模式后别忘了在命令行输入

source ~/.bash_profile

4、检测是否配置成功输入

flutter -h 

屏幕快照 2019-09-04 09.39.36.png

出现上图说明配置成功，如果配置完成后输入flutter -h 提示命令有问题，可能是你SDK有问题，你重新下载下。

5、运行 Flutter doctor 命令检测环境

屏幕快照 2019-09-04 10.33.50.png

有很多问题，一条一条按照错误提示修改

 brew update
 brew install --HEAD usbmuxd
 brew link usbmuxd
 brew install --HEAD libimobiledevice
 brew install ideviceinstaller
 brew install ios-deploy
 flutter doctor –android-licenses

屏幕快照 2019-09-04 11.03.54.png

Flutter plugin not installed，Dart plugin not installed

问题描述：Flutter插件和Dart插件未安装。 解决办法：在Android Studio中安装Flutter插件和Dart插件。

屏幕快照 2019-09-04 11.12.47.png

出现下图说明环境配好了

屏幕快照 2019-09-04 11.26.43.png

6、配置好就可以生成Flutter项目

sudo flutter create flutterdemo

生成项目后需要修改Flutter SDK目录权限和项目权限

sudo chmod -R 777 /Users/Destiny/flutterdemo

7、Xcode打开Flutter项目 模拟器运行项目