zoukankan      html  css  js  c++  java
  • 3.Flutter之hello_world

    创建新的应用

    1. 启动 VS Code
    2. 调用 F1
    3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ 
    4. 输入 Project 名称 (如hello_world), 然后按回车键,这个地方需要注意,Flutter项目名仅支持全小写项目名,不得不吐槽(奇葩规定)
    5. 指定放置项目的位置,然后按蓝色的确定按钮
    6. 等待项目创建继续,并显示main.dart文件

    上述命令创建一个Flutter项目,项目名为hello_world,其中包含一个使用Material 组件的简单的演示应用程序。

    在项目目录中,您的应用程序的代码位于 lib/main.dart.

    运行应用程序

    1. 确保在VS Code的右下角选择了目标设备
    2. 按 F5 键或调用调试>启动调试
    3. 等待应用程序启动(这个过程有点慢.电脑配置越好越快.)可以看调试控制台的输出信息.判断当前状态.在该步骤中,可能会弹出jdk或者openjdk的防火墙请求,点击允许就行了.
    4. 如果一切正常,在应用程序建成功后,您应该在您的设备或模拟器上看到应用程序:
      Starter App on Android

    体验热重载

    Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。

    1. 用你喜欢的编辑器打开文件lib/main.dart
    2. 将字符串
      'You have pushed the button this many times:' 更改为
      'You have clicked the button this many times:'
    3. 不要按“停止”按钮; 让您的应用继续运行.
    4. 要查看您的更改,请调用 Save (cmd-s / ctrl-s), 或者点击 热重载按钮 (绿色圆形箭头按钮).

    你会立即在运行的应用程序中看到更新的字符串

  • 相关阅读:
    【Java】通用版URLConnection 带cookie下载PDF等资源文件
    【机器学习】粗糙集(Rough Set Approach)
    【机器学习】随机森林(Random Forest)
    【Python】微博自动抢红包
    sublime text3
    【神经网络】BP反向传播神经网络
    【MLP】多层感知机网络
    【Bayesian】贝叶斯决策方法(Bayesian Decision Method)
    postman常用功能汇总(基础必备)
    apache在linux下安装
  • 原文地址:https://www.cnblogs.com/dygood/p/12034204.html
Copyright © 2011-2022 走看看