美文网首页Flutter
Flutter 创建第一个App

Flutter 创建第一个App

作者: 巨应君 | 来源:发表于2019-03-08 09:58 被阅读2次

    1.创建工程

    a.使用powershell

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

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

    b.命令行创建项目

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

    flutter create first_appcdfirst_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已经产生了变化。

    巨应教程 出品

    相关文章

      网友评论

        本文标题:Flutter 创建第一个App

        本文链接:https://www.haomeiwen.com/subject/ulmlpqtx.html