打开项目里的 lib 下面的 main.dart，这个文件是应用的入口，在它的 main 这个函数里面，用了一下 runApp，可以把应用里的一个小部件交给这个 runApp。 现在这里用的是下面定义的这个 MyApp 小部件。

先把下面的定义的 MyApp 小部件删除掉，然后我们自己去创建一个小部件，单独把它放在一个文件里，在 lib 下面，新建一个文件，放在 src 目录的下面，名字是 app.dart 。

在这个文件里，添加一个 StatefulWidget，带状态的小部件，小部件的名字叫 App，等会儿我们会把这个小部件交给 runApp 。

选中 StatefulWidget，按一下 command + . 然后选择导入 material.dart。

创建这个小部件我用了自己定义的一个代码片断，打开命令面板，搜索 snippets，选择配置用户的代码片断，然后选择 dart.json ，在这个文件里，你可以定义一些在 dart 语言里用的代码片断。

这个 App 小部件会作为应用的根，所以我们可以在它里面用一个 MaterialApp 小部件，这样我们就可以在它里面使用 Flutter 提供的各种 Material 风格的小部件了。 Material 是 Google 的一套设计语言，Flutter 根据这套设计语言创建了很多小部件。我们可以直接在自己的应用里使用这些现成的 Material 风格的小部件。

在它里面，先添加一个 title 属性，值是个字符串，w.store ，这个 title 主要就是描述一下我们的这个应用。

然后添加一个 home 属性，在它里面是界面上默认显示的东西。这里先用一个 Scaffold 小部件，它提供了一个基本的界面结构。在它里面先添加一个 body 属性，设置一下界面的主体，可以用一下 Home 这个小部件。

下面再去创建需要的这个 Home 小部件。 在 lib/src 下面，新建一个文件，放在 home 里面，名字叫 home.dart 。

在这个文件里添加一个 StatefulWidget ，这个小部件的名字叫 Home ，选中 StatefulWidget ，command + . 选择导入 material.dart 。

在这个 Home 小部件里也用了一个 Scaffold 小部件。

回到 app.dart，选中这个小部件的 Scaffold 里的 body 属性用的 Home 小部件，command + . 选择导入刚才创建的这个 home.dart 。

然后回到 main.dart， 现在我们可以给这个 runApp 提供一个 App 小部件，这个小部件就是刚才我们自己创建的。

打开编辑器的调试，刷新一下，如果应用退出了，可以重新再运行一次。

重新运行以后，你会看到一个空白的界面，这个界面 Home 小部件提供的，它里面用了 Scaffold 小部件，设置了一下它的 appBar，现在这里只会显示一个文字。

在应用的右上角这里会有一个小条幅，上面写着 Debug，不打算显示它可以这样，打开 app.dart，在这个 MaterialApp 小部件里面，添加一个 debugShowCheckedModeBanner 属性，把它设置成 false。

这样就不会再显示 Debug 小条幅了。

项目里的 test 目录里放的是应用的测试，暂时我们先把这个目录删除掉。