Flutter基础——开发环境安装

Flutter 安装

公司需要，今天尝试Flutter的安装,整个安装过程挺简单，但是也不是特别顺利，因为我是iOS开发，使用的是Mac系统，所以这里的所有操作都是Mac系统下的操作

1、安装Flutter SDK

【注】这里的操作是在安装完Android studio开发环境后执行的，如没有安装，请看安装再看向下看

我这里推荐使用git下载

//1.终端中输入以下指令克隆项目
git clone -b beta https://github.com/flutter/flutter.git
//2. 导出到Flutter保存路径
export PATH=`pwd`/flutter/bin:$PATH

由于国内网络限制我们可以通过修改镜像地址来解决,Flutter英文官网:https://flutter.io/get-started/install给我们提供了完美的解决方案

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor

2、flutter doctor 检测环境执行结果如下

[✓] Flutter (Channel beta, v0.5.1, on Mac OS X 10.13.5 17F77, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[!] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
   ✗ libimobiledevice and ideviceinstaller are not installed. To install, run:
       brew install --HEAD libimobiledevice
       brew install ideviceinstaller
[✓] Android Studio (version 3.1)
[!] Android Studio Ultimate Edition (version 2018.8.8)
   ✗ Flutter plugin not installed; this adds Flutter specific functionality.
   ✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.24.1)
[✓] Connected devices (1 available)

! Doctor found issues in 3 categories.

1、对勾表示安装没问题
2、第三行是说iOS工具没安装好, 具体就是需要安装他提供的两个库 按照他的说法终端执行如下操作

brew install --HEAD libimobiledevice
brew install ideviceinstaller

注意上面这两个东西第一次没安装成功就是因为我网络的原因, 有可能你第一次执行完 flutter doctor 就不会报这个错, 这块大家不要怀疑，换个网络环境或再次执行可能就会好，反正4g网络一定ok。
完事之后再执行 flutter doctor, 这一项就会变成对勾

3、第四个对勾是说我的Android Studio中Flutter插件已经安装, 如果没有安装提示和第五个 [!] 内容提示一样

[!] IntelliJ IDEA Ultimate Edition (version 2018.8.8)
   ✗ Flutter plugin not installed; this adds Flutter specific functionality.
   ✗ Dart plugin not installed; this adds Dart specific functionality.

解决方案就是打开Android Studio -> Preference > Plugins 在搜索框中搜索 Flutter, 本地没有, 就联网查找,搜索到Flutter, 点击安装即可 Dart环境他自动会安装好。这块如果搜不到，不要怀疑，还是你的网络问题，请再次搜索或切换环境，4g蜂窝网络是OK的。

3、全部搞定运行 flutter doctor 结果如下

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.5.1, on Mac OS X 10.13.5 17F77, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
[✓] Android Studio (version 3.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2018.1.1)
[!] VS Code (version 1.24.1)
[✓] Connected devices (2 available)

看到以上结果就可以高高兴兴的开发了.
【注】新建第一个项目会creating flutter project这段等待时间比较长，或者根本安装不上，建议切换网络或翻墙操作。

Flutter中文官网:https://flutterchina.club
Flutter中文开发者论坛:http://flutter-dev.cn/?lang=zh-CN&page=4
Flutter开源源码
Dart官网