初识Flutter-搭建环境（Mac）

刚刚接触了Flutter，这里把搭建环境的，以及从中遇到的坑过程记录下来。

环境搭建

1、配置用户环境变量

终端打开vim ~/.bash_profile，选择编辑，在后面加入

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

:wq保存退出

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

2、下载Flutter SDK

跳转到 Flutter Mac 下载链接 下载

3、添加用户环境变量

// （/Users/iosapp/Downloads/flutter/bin）你下载的Flutter SDK 的bin目录
export PATH=/Users/iosapp/Downloads/flutter/bin:$PATH
//  (/Users/iosapp/Library/Android/sdk) android sdk的目录 
export ANDROID_HOME="/Users/iosapp/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools 

4、运行 Flutter Doctor

运行以下命令查看是否需要安装其它依赖项来完成安装

flutter doctor 

可能出现的问题

在 flutter doctor 如果没问题，则会出现以下全部打钩（这关系到项目构建）

image.png

一、第一个打钩说明我的Flutter安装没问题
二、第二个对勾说明我的Android SDK没问题（如果有问题根据他的提示操作）
三、第三个是说iOS工具没安装好, 具体就是需要安装他提供的两个库 按照他的说法终端执行如下操作

brew install --HEAD libimobiledevice
brew install ideviceinstaller

四五、Flutter插件问题

✗ Flutter plugin not installed; this adds Flutter specific functionality.
 ✗ Dart plugin not installed; this adds Dart specific functionality.

出现这两个就是Flutter的插件问题，安装Flutter插件 Dart插件也会安装，如果你电脑装有Android Studio和IntelliJ，各自打开他们的Perforences，选择Plugins，搜索Flutter，选择安装

image.png

当这些问题解决后，创建一个项目

image.png

选择Application项目，运行

image.png

第一个Flutter项目就出来啦~

image.png