官方推荐三个编辑器作为开发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中进行安卓,如图:
在Plugins中点Browse repositories,然后搜索Flutter
和Dart
然后便可以开始安装,安装过程中可能会出错,多尝试几次。
安装完成后重启Android Studio后插件生效。
三、打开或创建Flutter 工程
1、新建Flutter工程
进入File-New-New Flutter Project(或者在Android studio启动引导界面创建),然后选择Flutter Application,再填写工程名、路径等信息便新建了一个Flutter工程
2、打开已有的Flutter工程
这一点和官方的介绍IntelliJ的操作差异比较大。
在Android studio启动引导界面选择Open a existing Android Studio Project(或者在File-Open进行打开),然后选择Flutter工程的主目录,打开
四、运行工程
点击在工程右上角的三角形,便可以运行工程,左边还可以选择运行设备
五、热重载
Android Studion提供了Flutter热重载,无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态。点击编辑器右上角的闪电⚡️图标,或者Command+s(Ctrl+S),保存代码,变回进行热重载