Flutter使用前奏 Flutter前奏

Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。

优点:

  • 现代的响应式框架特征
  • 高速的2D渲染引擎
  • 方便快捷的开发工具
  • 各种开箱即用的 UI widgets 组件库

为了让用户爱上你的应用,在不妥协质量和稳定性的情况下快速地进行功能迭代。

Flutter安装前奏

使用 flutter 需要进行下载,官方下载链接

下载完成后,这是一个压缩包,把该压缩包内的文件夹 flutter 放到想要放置的路径中,然后,再把系统的 path 路径与该文件夹中的 bin 文件夹进行关联,也就是flutter -> bin,需要进行环境变量配置。

可以使用 flutter doctor 进行现有的环境检测,检测完成后会以报告的形式呈现,如下:

Flutter使用前奏
Flutter前奏

其中,打 [ × ] 的是没有安装的,打 [ √ ] 是已安装的。

如果有缺失的环境,可以根据提示进行上网查找后进行安装,每当安装了一个环境,都可以通过 flutter doctor 进行检测。

上述原因是没有在系统的环境变量中配置 ANDORID_HOME 从而导致了 Unable to locate Android SDK 在系统环境配置中配置本地的 Android_HOME然后重启即可

重启完成后,再次使用flutter doctor,此时会出现下面的情况

Flutter使用前奏
Flutter前奏

此时显示,丢失了 cmdline-tools 组件,此时,打开 Android Studio ,依次找到 File -> Settings -> Appearance & Behavior -> System Settings -> Android SDK -> SDK Tools -> Android SDK Command-line Tools (latest)进行安装即可,如下图所示

Flutter使用前奏
Flutter前奏

安装完成后,再次运行 fluter doctor ,此时的截图如下:

Flutter使用前奏
Flutter前奏

此时需要接受安卓许可,运行命令 flutter doctor --android-licenses 接受许可。

归纳小助手:

  • 使用 flutter doctor 前需要进行系统环境变量配置
  • flutter doctor进行环境检测
  • 通过 官方下载链接 进行下载 flutter
  • 下载的 flutter 可以放置任意文件夹
  • 需要配置 ANDROID_HOME 并且重启电脑
  • 需要下载 Android SDK Command-line Tools (latest)
  • 需要接受许可

设置 Android 开发环境

安装 Android Studio

Flutter 依赖 Android Studio 的全量安装来为其提供 Android 平台的支持。因此需要下载 Android Studio。下载 Android Studio 可以通过其官方的网站进行下载 Android Studio官方网站 。下载完成后进行安装,通过 flutter doctor进行检测 Android Studio环境的安装。

安装完成 Android Studio 后,需要进行插件的安装,进入到 File -> Settings -> Plugins 进行查找 Flutter plugin 从而安装该插件,并且重新启动 Android Studio。

启动 Android Studio 之后,需要手动定位 Flutter SDK 文件夹, File -> Settings -> Languages & Frameworks -> Flutter -> Flutter SDK Path,通过旁边的... 进行SDK的文件定位。该SDK为第一部分通过官网下载的Flutter文件夹。

打开手机的调试模式

关于手机 -> 多次点击版本号 -> 找到开发者模式 -> 打开 USB 调试模式 -> 插入 USB 线 -> 手机上进行授权确认

创建 Flutter 应用并且进行调试

打开 Android Studio ,选择 New -> New Flutter Project -> Flutter Application 然后next进行创建,直到创建完成。

Flutter使用前奏
Flutter前奏

注意,Flutter使用dart语言作为开发,需要熟悉dart语言。