用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中进行安卓,如图:

image.png

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

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

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

三、打开或创建Flutter 工程

1、新建Flutter工程

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

Android studio启动引导界面

image.png

2、打开已有的Flutter工程

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

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

image.png

四、运行工程

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

五、热重载

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

猜你喜欢

转载自juejin.im/post/5c0b8a0fe51d451db85159c0
今日推荐