【Flutter手摸手教学】02 Hello Flutter

一、创建项目 进入你想要创建项目的文件夹，打开CMD命令行，输入

flutter create 项目名

等待一会儿，看到如下图说明项目创建成功

二、Hello Flutter 打开PC上的Android模拟器，或者通过USB连接手机。输入

flutter run

等待apk被安装到设备上，就能看到如下界面。这个过程可能会很慢，请百度Flutter 慢

三、修改代码 Flutter默认给的代码太复杂了，我们的Hello Flutter项目不需要这么多东西。通过VSCode打开生成的flutter项目，直接删掉lib/main.dart下面的所有内容，并把下面的代码粘贴进去

import 'package:flutter/material.dart';

void main() {
 runApp(MyApp());
}

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   return MaterialApp(
     title: 'Hello Flutter',
     home: Scaffold(
       body: Center(child: Text("你好，Flutter")),
     ),
   );
 }
}

在CMD中重新运行flutter run，可以看到Flutter的第一个页面已经发生了变化。

到此为止，我们通过命令行的方式创建了一个Flutter项目，并在设备上运行了它。修改后的main.dart代码变的更加简洁，后面我们会详细介绍main.dart中的每一行代码。