用Android Stuidio开发Flutter

官方推荐三个编辑器做为开发Flutter的IDE,分别是:VS Code , IntelliJ 和Android Studio。 因为咱们安卓团队主要用的为Android Stuidio,因此咱们首选用Android Stuidio,而官方中主要介绍的是IntelliJ,操做上有必定差别,因此在这里主要介绍一下用Android Stuidio开发Flutterhtml

1、支持版本

须要 Android Studio3.0或更高版本,才能支持Flutter 的开发 下载地址: Android Studio,android

2、安装插件

Android Studio要进行Flutter的开发,还须要安装两个插件: Flutter插件: 支持Flutter开发工做流 (运行、调试、热重载等). Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).编辑器

安装方式: 在Preferences>Plugins中进行安卓,如图: ui

image.png

在Plugins中点Browse repositories,而后搜索FlutterDart 插件

而后即可以开始安装,安装过程当中可能会出错,多尝试几回。调试

安装完成后重启Android Studio后插件生效。

3、打开或建立Flutter 工程

一、新建Flutter工程

进入File-New-New Flutter Project(或者在Android studio启动引导界面建立),而后选择Flutter Application,再填写工程名、路径等信息便新建了一个Flutter工程code

Android studio启动引导界面

image.png

二、打开已有的Flutter工程

这一点和官方的介绍IntelliJ的操做差别比较大。cdn

在Android studio启动引导界面选择Open a existing Android Studio Project(或者在File-Open进行打开),而后选择Flutter工程的主目录,打开 htm

image.png

4、运行工程

点击在工程右上角的三角形,即可以运行工程,左边还能够选择运行设备 blog

5、热重载

Android Studion提供了Flutter热重载,无需重启应用程序就能实时加载修改后的代码,而且不会丢失状态。点击编辑器右上角的闪电⚡️图标,或者Command+s(Ctrl+S),保存代码,变回进行热重载

相关文章
相关标签/搜索