Flutter学习二:构建第一个Flutter App

目录

1 使用vsCode创建APP项目

1.1 创建项目

 1.2 调试项目

 2 使用AndroidStudio创建APP项目

2.1 创建项目

 2.2 调试项目


1 使用vsCode创建APP项目

1.1 创建项目

查看>命令面板,输入Flutter,点击New Project >Application,按流程创建第一个Flutter项目:

Flutter学习二:构建第一个Flutter App_第1张图片

 1.2 调试项目

电脑插入真机调试,vscode右下角会显示真机名称,

 然后,点击运行>启动调试,真机运行效果如下:

Flutter学习二:构建第一个Flutter App_第2张图片

 2 使用AndroidStudio创建APP项目

2.1 创建项目

New Flutter Project>Flutter,配置Flutter SDK路径,还有Dart SDK路径,如下图所示:

Flutter学习二:构建第一个Flutter App_第3张图片

Flutter学习二:构建第一个Flutter App_第4张图片

 配置完路径后,选择Flutter,然后点击右下角的Next,设置名称路径后,点击创建。

Flutter学习二:构建第一个Flutter App_第5张图片

 2.2 调试项目

电脑插入真机调试,右上角会显示真机名称,点击调试按钮运行项目

 运行效果和上面是一样的。

你可能感兴趣的:(Flutter,学习)