Flutter|Flutter入门学习--(4)Hello World Flutter|flutter

我们看下使用visual code 开发的第一个项目，先看效果图

文章图片

代码如下

import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter', home:Scaffold( appBar: AppBar( title: Text("Hello World"), ), body: Center( child: Text("你好,Flutter"), ), ) ); } }

打开终端,运行 flutter run命令，就可以看到效果
在这里要说几个快捷键
q: 退出终端
R:热加载，在运行过程中，如果我们修改了代码，保存后，按下 R键，就可以看到效果了
o:可以切换android和ios效果
【Flutter|Flutter入门学习--(4)Hello World】p: 可以看到页面布局的情况