001_如何新建一个flutter项目并运行

如何创建一个flutter项目并运行

注意事项

  1. 我这里使用的是Android studio编译器
  2. 创建和运行flutter项目的时候必须要联网

如何新建一个flutter项目

  1. 点击 New Flutter Project
    在这里插入图片描述

  2. 在左侧栏中选择Flutter,然后再Flutter SDK path中选择flutter安装的位置
    在这里插入图片描述

  3. 在Project location 中输入你想放置Flutter项目的位置(注意不能有中文),然后在Project name 中输入Flutter项目的名称,点击Create就可以创建好flutter的项目了。

    在这里插入图片描述

  4. 进来之后,如何你发现左侧的目录文件是这样的,你可以单击Android右边的下拉框,选择Project

在这里插入图片描述
在这里插入图片描述

  1. 到此为止,一个Flutter 项目就创建完毕。

如何运行Flutter项目

在网页上运行Flutter项目

  1. 在单击红色下划线

    在这里插入图片描述

  2. 弹出一个下拉框,在这里我们可以选择要运行的浏览器

    在这里插入图片描述

  3. 如果你选择了Chrome浏览器,你将发现蓝色手机的右边出现了Chrome(web) 的字

    在这里插入图片描述

  4. 接下来,点击这个绿色的播放按钮,等待一会,如果出现下图的窗口,程序便跑成功了。

    在这里插入图片描述

在安卓模拟器上运行flutter项目

1、启动安卓模拟器,点击如下图下划线所示的图标,打开Device Manager
在这里插入图片描述 2、或者在菜单栏中选择Tools->Device Manager也可以打开Device Manager。 在这里插入图片描述
3、如果你的Device Manager中已经有一个AVD,那么你直接单击AVD右边的播放按钮启动AVD,如果没有,你就需要配置AVD,详情请看000_配置Android Studio安卓模拟器在这里插入图片描述
4、AVD启动后会自动调到Running Devices这个界面,如果你出现了这个界面,那就可以进行下一步
在这里插入图片描述
5、选择刚刚打开的AVD,然后点击main.dart右边的运行按钮。在这里插入图片描述
6、如果在Running Device中出现了如下图所示的界面,那么恭喜你成功在安卓模拟器上运行Flutter!
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/2301_81385743/article/details/138246132