Flutter 系列文章- Hello World（五）

本文已参与「新人创作礼」活动，一起开启掘金创作之路

欢迎各位点赞评论，文章如有错误之处，望各位批评指正

接着上一篇文章，我们继续，项目运行起来后，我们可以尝试来写一个heollo world程序，首先打开 VScode 或者 Android studio， 根目录下lib->main.dart,代码如下

import 'package:flutter/material.dart';

main() => runApp(MyApp());
class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
     return MaterialApp(
        title: 'Welcome to Flutteraa',
        home: Scaffold(
        appBar: AppBar(
            title: Text('Hello world'),
        ),
        body: Center(
            child: Text('Hello World'),
        ),
     ),
    );
   }
}

如果你是VScode,你可以点击右下角，启动虚拟机，在终端运行flutter run,启动后就可以在虚拟机中看到页面内容了，如果你是Android studio，点击右上角的图标，启动项目。

在终端中输入flutter run，运行成功后，我们发现终端中输入这样一段文字，这些其实就是开发flutter 时常用的一些快捷键

Flutter 快捷键

flutter run key commands.
r Hot reload. 🔥🔥🔥
R Hot restart.
h List all available interactive commands.
d Detach (terminate "flutter run" but leave application running).
c Clear the screen
q Quit (terminate the application on the device)

修改代码中的Hello world 为 你好，世界， 你如果VScode，点击使用保存, 焦点放到终端上，点击r键，可以看到虚拟机上的页面更新了，

使用VScode 开发，每次更新页面内容，都需要在终端中输入r键，如果你感觉麻烦，也可以使用Android studio 的debug 模式，当然这种模式下，如果代码出现错误也是比较麻烦的。

至此，我们的第一个heollo world程序就大功告成了。

下一篇我们继续