理论上可以使用任何文本编辑器与命令行工具来构建Flutter应用程序。 不过,Flutter官方建议使用Android Studio和VS Code之一以获得更好的开发体验。Flutter官方提供了这两款编辑器插件,通过IDE和插件可获得代码补全、语法高亮、widget编辑辅助、运行和调试支持等功能,可以帮助我们极大的提高开发效率。

1 VS Code

(1) 安装插件Flutter

image.png

(2) 创建项目

flutter create xxx

image.png

(3) 选择平台, 运行项目

flutter run

image.png
image.png

2 Android Studio

(1) 安装插件

Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。
image.png
装完后重启Android Studio

(2) 创建Flutter应用

image.png
image.png
image.png

(3) 运行main.dart

image.png