美文网首页
Flutter第一个项目

Flutter第一个项目

作者: 大兵传奇007 | 来源:发表于2019-04-17 10:17 被阅读0次

    运行第一个项目

    • 创建项目
      配置环境结束后,启动AndroidStudio在右边的启动选项中,就可以看一个名为Start a new Flutter project的选择,

      start_flutter_project.png ,点击它进入下个界面:
      flutter_application.png
      flutter_input.png
      name要求字母必须为小写,否则不能创建,sdk的path,前面我们已经下载并解压过,手动选择就可以了,选择项目位置,点击Next就可以了。 flutter_company_domain.png
      ,就是包名,点击Finish,然后耐心等待。
    • 运行项目
      项目创建完成后

      first_hello.png
      ,先浏览一下打开的界面,我去居然没找到Hello World字样,一个新语言的开始,差不多都该以Hello World开始吧(我狭隘了)。
      点击绿色「运行」按钮, flutter_no_device.png
      ,懒得创建模拟器,直接连真机吧,再次点击运行,稍等片刻,出现下面运行提示
    Launching lib/main.dart on ONEPLUS A5000 in debug mode...
    Initializing gradle...
    Resolving dependencies...
    Running Gradle task 'assembleDebug'...
    Built build/app/outputs/apk/debug/app-debug.apk.
    Installing build/app/outputs/apk/app.apk...
    Syncing files to device ONEPLUS A5000...
    
    

    我连接是Android真机,所以出现这些,如果连接iOS(前提是 flutter doctor命令通过,当然Android也一样),就会出现下面提示

    Launching lib/main.dart on iPhone 8 Plus in debug mode...
    Running Xcode build...
    Xcode build done.                                           12.6s
    Syncing files to device iPhone 8 Plus...
    

    也就是Flutter会根据不同的设备,启动不同的编译和安装,至此我们的Flutter的Demo就运行起来。

    相关文章

      网友评论

          本文标题:Flutter第一个项目

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