hello world

vscode开发flutter配置插件

Flutter Widget Snippets
Awesome Flutter Snippets

HelloWorld：

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
//快捷键statelessw||statefulw
class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title:'Welcome',//在任务管理窗口中所显示的应用名字
      theme:new ThemeData(
        primaryColor:Color.red,//设置当前app的主题颜色
      )
      //home应用默认所显示的界面 Widget
      home: Scaffold(
　　　　　//头部导航条
        appBar: AppBar(
          title: Text('Welcome Flutter'),
        ),
　　　　　//主体
        body: Center(
          child: Text('Hello world'),
        ),
      ),
      
    );
  }
}

• StatefulWidget ： 具有可变状态的窗口部件，也就是你在使用应用的时候就可以随时变化，比如我们常见的进度条，随着进度不断变化。
• StatelessWidget：不可变状态窗口部件，也就是你在使用时不可以改变，比如固定的文字（写上后就在那里了，死也不会变了）。

• r 键：点击后热加载，也就算是重新加载吧。
• p 键：显示网格，这个可以很好的掌握布局情况，工作中很有用。
• o 键：切换android和ios的预览模式。
• q 键：退出调试预览模式。