Flutter开发（一）—— HelloWorld之旅

关于 Flutter 开发环境的搭建，请参照：
https://blog.csdn.net/RedKeyer/article/details/86583021

仪式性代码：

import 'package:flutter/material.dart';
void main() => runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: "Hello",
      home: Scaffold(
        appBar: AppBar(
          title: Text("AppBar Hello")
        ),
        body: Center(
          child: Text("Hello World!"),
        ),
      ),
    );
  }
}

在 TERMINAL 中输入以下Flutter指令。
编译运行程序：

flutter run

运行成功后，按以下按键会有其他调试效果。
Observatory URL（可以看到应用的 GC、VM 方面的信息。）：

http://127.0.0.1:39095/  （具体看控制台输出）

按键 r ：热部署到设备显示修改后布局；
按键 p : 打开\关闭 显示网格布局；
按键 d : 退出调试，设备应用不退出；
按键 q : 退出调试，设备应用也相应退出（以上整个过程，理解为动态debug调试）；
以下配图VsCode截图（对VsCode也可以开发Flutter）：

注意：若在DeBug模式运行代码，只需要点击绿色箭头。此模式下每次Ctrl + s 保存代码，设备上的布局就会进行更新。
非DeBug模式，需要在 flutter run 启动后，按 r 键。