flutter第二天:Helloworld

Run Configuration Error: Broken configuration due to unavailable plugin or invalid configuration data.

HelloWorld运行失败,出现上述的错误,查看市插件的问题,直接卸载掉原有的flutter,重新下载即可

学习两个命令

• flutter devices 查看连接设备
• flutter run 在设备上跑起来

To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".

体验热重载 特爽

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

两种方式:

• 按键启动
  

  image.png
  
  注意,这里很有意思
  
  image.png
  
  如果第一次使用run按键运行过,那么上面才会出现stop的按键和热重载的按键(闪电)
  用这种启动以后,可以使用ctrl+s 也能启到热重载的效果,这个很爽

• 命令符启动

  
  
  image.png
  
  

  直接输入flutter run 跑起来,使用这个跑起来以后,我们可以直接用r 来达到热重载

输入r是热重载
输入R是热重启
输入h是flutter的帮助
输入d是断开调试
输入q是退出调试

注意
用这种方式启动的话,ctrl+S是无效果的
小写r和大写R都能起到实时刷新的效果,但为什么两个不一样的原因,目前还没去看差异

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: "My first flutter_app",
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("my flutter "),
        ),
        body: new Center(
          child: new Text("hello World"),
        ),
      ),
    );
  }
}

image.png

*Hello World * 第一个程序

热重载 爽啊,不用时时编译,直接看效果