欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

【Flutter笔记】之环境搭建

发表日期:2018-07 文章编辑:小灯 浏览次数:2640

介绍

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设备上还是很爽的。


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://dengtar.com/17760.html
上一篇:Flutter知识点: Drag 下一篇:flutter 从0到1
相关APP开发
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.