了解 Flutter 和 Dart 是什么，安装工具，创建你的第一个项目，并体验热重载的魔力。
在 Kodokon 中打开本课Flutter 是一个框架：一大套现成可用的代码工具箱，由 Google 打造，用来构建移动应用，也就是你安装在手机上的那些程序。它的巨大优势在于：你只需编写一次代码，它就能在 iPhone、Android、网页，甚至桌面端运行。这些代码用 Dart 编写，Dart 是一门编程语言：一套单词和规则，让你能够向机器下达指令。要安装 Flutter，请按照 docs.flutter.dev 上的官方指南操作（Get started 部分）：在那里你将下载 SDK（Software Development Kit，即包含全部工具的开发工具包），并安装一个代码编辑器，例如带有 Flutter 扩展的 Visual Studio Code。然后你要在终端里检查一切：终端是一个窗口，你在里面输入文字命令来控制自己的计算机。
flutter doctorflutter doctor 命令的作用就像一位医生：它会检查你的机器并显示一份清单，已就绪的项目打上绿色对勾，缺失的项目标记叉号，同时给出修复的说明。当基本项都变绿后，你就可以创建你的第一个项目了：项目就是那个将存放你应用全部代码的文件夹。Flutter 项目名要用小写字母书写，不含空格或重音符号，并用下划线（_）来分隔单词。
flutter create my_first_app
cd my_first_app
flutter runflutter create 会构建一个名为 my_first_app 的文件夹，里面包含一个完整的演示应用。cd（change directory，切换目录）会进入那个文件夹，而 flutter run 则会编译并启动应用，可以运行在通过 USB 连接的手机上、模拟器上（一台显示在你屏幕上的虚拟手机），或者 Chrome 浏览器里。你编写的所有代码都放在 lib/main.dart 文件中。把它的内容替换成这个最简程序：
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(useMaterial3: true),
home: const Scaffold(
body: Center(
child: Text("Hello Flutter!"),
),
),
);
}
}我们先大致读一读，不必急着掌握全部：import 加载 Flutter 的图形工具箱，void main() 是入口点（最先运行的那个函数），而 runApp 通过在屏幕中央显示文本 "Hello Flutter!" 来启动应用。每一部分都会在接下来的课程中详细讲解。现在轮到热重载的魔力了：修改消息文本，保存文件……显示中的应用就会即时更新，无需重启。这个极短的循环正是 Flutter 的一大优势。