用Android Stuidio开发Flutter

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

一、支持版本

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

二、安装插件

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

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


用Android Stuidio开发Flutter_第1张图片
image.png

在Plugins中点Browse repositories,然后搜索FlutterDart

用Android Stuidio开发Flutter_第2张图片

用Android Stuidio开发Flutter_第3张图片

然后便可以开始安装,安装过程中可能会出错,多尝试几次。

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

三、打开或创建Flutter 工程

1、新建Flutter工程

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

用Android Stuidio开发Flutter_第4张图片

用Android Stuidio开发Flutter_第5张图片
Android studio启动引导界面
用Android Stuidio开发Flutter_第6张图片
image.png
2、打开已有的Flutter工程

这一点和官方的介绍IntelliJ的操作差异比较大。

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


用Android Stuidio开发Flutter_第7张图片

用Android Stuidio开发Flutter_第8张图片
用Android Stuidio开发Flutter_第9张图片
image.png
用Android Stuidio开发Flutter_第10张图片

四、运行工程

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


用Android Stuidio开发Flutter_第11张图片

五、热重载

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

用Android Stuidio开发Flutter_第12张图片

你可能感兴趣的:(用Android Stuidio开发Flutter)