Flutter入门之HelloWorld

HelloWorld

找到Flutter主文件

根目录\lib\main.dart

import 'package:flutter/material.dart';
//主函数（入口函数），下面我会简单说说Dart的函数
void main() =>runApp(MyApp());
// 声明MyApp类
class MyApp extends StatelessWidget{
  //重写build方法
  @override
  Widget build(BuildContext context){
    //返回一个Material风格的组件
   return MaterialApp(
      title:'Welcome to Flutteraa',
      home:Scaffold(
        //创建一个Bar，并添加文本
        appBar:AppBar(
          title:Text('Welcome to Flutter'),
        ),
        //在主体的中间区域，添加一个hello world 的文本
        body:Center(
          child:Text('Hello World'),
        ),
      ),
    );
  }
}

写完后Ctrl+~键进入输入框，输入flutter run,等待一小会，就会看到虚拟机中显示了Hello World的内容。

vs code常见的指令

鼠标点击输入框后，通过点击键盘相应的按键触发

• r 键：点击后热加载（重新加载）。
• p 键：显示网格。
• o 键：切换android和ios的预览模式。
• q 键：退出调试预览模式。

或者也可以开启Debug模式，实现真正的热加载。