Flutter 学习笔记 之 环境配置和开发工具的安装

环境配置:

在配置环境之前需要把官方为中国开发者搭建的临时镜像添加到我们的用户环境变量当中

打开终端执行(Mac 系统常用的 vim 编辑命令:https://www.cnblogs.com/fanxiaocong/p/7070130.html):

$ vim ~/.bash_profile

将如下环境变量加入到用户环境变量中：

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

系统要求:

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

• 操作系统: macOS (64-bit)
• 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间）.
• 工具: Flutter 依赖下面这些命令行工具.
  • bash, mkdir, rm, git, curl, unzip, which

获取Flutter SDK

官网下载最新的可用安装包(选择稳定的版本,目前版本较多),官方下载页:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos

等待至下载完成之后需要解压到你所需的文件夹里

添加 flutter 的相关工具到 环境变量 中,执行命令(pwd 为fluttter 所在的路径)

$ export PATH=`pwd`/flutter/bin:$PATH

每次添加环境变量成功之后需要执行以下命令:

$ source ~/.bash_profile

将 flutter 添加到环境变量之后,执行 

$ flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）,如图

如上图所示,因为我们已经安装了 Xcode 所以提示我们现在缺少 Android 的开发工具,(没有安装 Xcode 的同学需要先安装 Xcode,Xcode 安装比较简单直接 App Store 安装即可)

接下来我们需要安装 Android 的开发工具(安装的详细文档参考:https://blog.csdn.net/hb_zhouyj/article/details/80757590)

安装完成之后 flutter doctor 再次执行这个命令,查看我们需要做的步骤,根据黑字提示一次进行

如上图 我们需要针对 iOS 平台执行如下命令:

$ brew update
$ brew install --HEAD usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
$ brew install ios-deploy
$ brew install ideviceinstaller ios-deploy cocoapods
$ pod setup

在如上图 我们需要根据黑字提示 解决针对安卓环境的问题:(提示说明 Android 环境没有添加 flutter 和 dart 扩展,如何添加扩展参考:https://segmentfault.com/a/1190000015816769)

在上个连接中也包含安卓模拟器的安装方法.

最后一步是苹果真机运行或模拟器运行的配置

苹果真机运行时,需要先用 Android studio 创建新的 flutter 项目,之后用 xcode 打开项目添加开发证书,完成之后再次运行 flutter doctor

最后成功的结果如图:

如图其中有一个报错 为 VS Code 的开发工具里没有安装 flutter 的扩展工具,因为我们使用 Android studio 作为开发工具可以不用理会,最后一条信息是显示你目前已连接的可用设备

最后选择需要的真机来运行项目如图: