【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项目

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

Hello Word

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

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


项目目录结构

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

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

运行效果

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容