【Flutter笔记】之环境搭建

介绍

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笔记】之环境搭建》 创建Flutter项目

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

Hello Word

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

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

《【Flutter笔记】之环境搭建》 项目目录结构

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

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

《【Flutter笔记】之环境搭建》 运行效果

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

    原文作者:开飞机的老舒克
    原文地址: https://www.jianshu.com/p/1bbd372b90eb
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞