美文网首页Android知识技巧总结
【Flutter笔记】之环境搭建

【Flutter笔记】之环境搭建

作者: 开飞机的老舒克 | 来源:发表于2018-07-06 20:16 被阅读2次

    介绍

    Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK。Flutter 兼容现有的代码,免费且开源。使用Dart语言。

    基于Android Studio环境搭建

    支持flutter的IDE 目前有Android Studio、 IntelliJ、Visual Studio。

    安装 Flutter 和 Dart 插件

    在Android Studio中安装这两个插件。

    • Flutter 插件可以提高 Flutter 在开发过程中的开发效率(运行,调试,热重载等等)。
    • Dart 插件提提升了代码层面的开发效率(在你敲代码的同时进行代码校验,代码自动补全等等)。

    安装步骤

    • 启动 Android Studio。
    • 打开插件设置(在 macOS 上路径为 Preferences>Plugins,在 Windows 和 Linux 上路径为 File>Settings>Plugins)。
    • 当弹出对话框提示要安装 Dart 插件的时候,点击 Yes 接受。
    • 如果弹出 Restart 需要重启编辑器的时候,点击 Yes 接受。


      创建Flutter项目

      【注意】
      第一次运行时候要选择指定的文件夹,然后点击install SDK 来安装Flutter SDK环境,可能需要下载一会。

    Hello Word

    在Android Studio中创建项目的时候会有New Flutter Project选项这时候如果本地没有Flutter环境的话 会让你下载。

    创建后可以看到IDE的右上角有些功能按钮。


    项目目录结构

    可以看到这里不但有Android的目录,还有iOS的目录,运行的时候如果有iOS设备以及模拟器的话 是可以直接选择运行的。

    右侧闪电的标志支持热重载编译运行。

    运行效果

    由于我是mac电脑,特意选了一个iOS模拟器,在Android Studio直接运行在iOS设备上还是很爽的。

    相关文章

      网友评论

        本文标题:【Flutter笔记】之环境搭建

        本文链接:https://www.haomeiwen.com/subject/hbgbuftx.html