Flutter 创建第一个App

标签: Flutter 起步

1.创建工程

a.使用powershell

在空白目录,右键打开powershell。win10自带,需要按住shift右键才会显示。也可以去github自己下载:网址

截图中分别显示了win10自带和手动安装的两个powershell,都可以使用

b.命令行创建项目

  • 使用flutter命令创建工程,在powershell窗口键入下面的命令:
flutter create first_app
cd first_app

如果卡在 "flutter packages get" ,请看上一篇文章,添加两个环境变量设置国内镜像。

稍等片刻,直到显示下图表示创建成功:

工程创建成功
  • 接着使用VScode打开工程文件,右键first_app文件夹,点击open with code打开工程。(如果右键菜单没有这个选项请仔细阅读上一篇文章)。

2.运行程序

a.调试

首先添加启动选项,然后按F5稍等片刻应该就可以在模拟器中看见我们的第一个程序了。

进入vscode后,我们首先配置调试启动选项

如果这里很久都没有反应,可能是由于网络问题Gradle不能正常下载。可以尝试手动下载,相关问题可以在百度查询一下。

如果启动超过10分钟没反应,可以尝试手动下载这个文件测试网络是否正常。百度搜索手动安装Gradle查找相关资料

我们可以在vscode中打断点进行程序调试。如下图:

b.体验热更新

  • 打开lib/main.dart
  • 修改内容
'You have pushed the button this many times'

'Hello world'

按Ctrl+S保存代码,注意无需重启应用。观察模拟器UI已经产生了变化。


本文由 巨应教程  原创出品,转载请标明出处。