• Flutter使用前奏


    Flutter前奏

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

    优点:

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

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

    Flutter安装前奏

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

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

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

    flutter doctor报告

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

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

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

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

    截图2

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

    Android SDK Command-line Tools安装图

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

    fluter 截图3

    此时需要接受安卓许可,运行命令 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使用dart语言作为开发,需要熟悉dart语言。

    这是小睿的博客,如果需要转载,请标注出处啦~ヾ(≧▽≦*)o谢谢。
  • 相关阅读:
    安卓9.0内测的背后,是上万App开发者半年来的适配优化
    错误记录:vue跟vue编译器版本不一致
    jspdf简单使用
    vue input添加回车触发
    vue watch bug记录
    SecureCRT通过拷贝配置文件登陆
    仿射变换
    opencv图像的旋转
    图像旋转的原理
    CvScalar
  • 原文地址:https://www.cnblogs.com/Yunrui-blogs/p/15315392.html
Copyright © 2020-2023  润新知