Flutter入门配置的坑

学习一直是做技术的必经之路，开始按照官网配置真的是入门到放弃，后来有个师兄介绍了我一个好文章。以此来记录我的flutter的环境配置

首先flutter 是需要依赖于brew，但是brew 是根据ios 系统版本来的，开始这块我不清楚，也不知道系统自带了brew。于是一直在安装/更新上碰壁。由于墙的原因，执行brew update 一直失败。我就放弃了update。我的mac 系统10.14.1 ，在终端brew --version 查看brew的版本为Homebrew 1.8.6 。于是开始了Flutter的环境配置以及安装过程

1.    到Flutter https://flutterchina.club/setup-macos/官网下载SDK 到本地

我放置的路径在/Users/****/Downloads/flutter(***代表我的电脑用户名称)

2.终端一次执行根目录下执行 

2.1  vim ~/.bash_profile如下图 

vim 编辑器主要内容如下：

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

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

export PATH=/Users/***/Downloads/flutter/bin:$PATH

 2.2 vim 保存退出。之后执行source ~/.bash_profile 

2.3 flutter -h  验证flutter环境是否配置成功，假如你看到了如下的界面代表你环境配置成功了

 3.配置安卓Android Studio

我已提前下载好Android Studio。使用flutter doctor 检查一下flutter的环境配置

 所以打❌ 的都是需要解决的。按照提示解决，上面给的步骤已然详细列出

我们先来看这个问题

3.1 Android Studio3.4【✗ Flutter plugin not installed; this adds Flutter specific functionality.

✗ Dart plugin not installed; this adds Dart specific functionality.】意思是缺少Flutter 的插件。

解决方法：打开Android Studio ，搜索flutter 找到对应的插件进行安装，如下图；我先安装的flutter 总是提示安装失败，于是我先安装了Json2Dart，安装成功了

3.2 Intellij IDEA 2018.2.6【✗ Flutter plugin not installed; this adds Flutter specific functionality.

✗ Dart plugin not installed; this adds Dart specific functionality.】解决方法，我直接卸载了这个软件（简单粗暴）也是可以直接在Intellij IDEA 中设置安装插件的。

flutter  doctor 执行一下。如下图

3.3 解决这个警告

【[!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)

    ! Some Android licenses not accepted. 

To resolve this, run: flutter doctor --android-licenses】

按照终端给的提示，在终端执行flutter doctor --android-licenses 在根据提示一步步操作就OK了，不上图了。

4，安卓模拟器配置

 

 接下来如下图，下载，安卓模拟器完成

5.IOS环境配置 flutter 1.5.4的sdk 安装包需要Xcode10.12.1

终端依次执行如下命令： （install的过程超级超级慢，说来你们肯定不信，我准备按control+c 停止，竟然开始下载了，反正我自己都不敢信，也许是暂停了更新，直接安装）

$ brew install --HEAD usbmuxd

$ brew unlink usbmuxd

$ brew link usbmuxd

$ brew install --HEAD libimobiledevice

$ brew install ideviceinstaller

执行完成之后，flutter doctor 检查发现还有一个问题需要解决，如图

按照图示执行  brew install ios-deploy ，完成之后再次执行flutter doctor检查flutter的环境配置是否成功？？？

如下图出现一个问题【[!] Connected device】 

解决方法：添加模拟器时，新建了一个项目，此时需要运行一个，然后会执行没有安装模拟的操作，然后启动模拟器。

 

运行模拟器成功之后，【[!] Connected device】 解决之后，使用flutter doctor 检测，如下，完美谢幕～～哈哈哈