Flutter Hello World

Flutter是Google出品的一款用于开发高性能、高保真、跨平台App(Android iOS)的SDK，本文简介 Flutter 并记录一个 Hello world。

简介

Flutter 是 Google 推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口，开发者可以很快地为 Flutter 添加 Native（即原生开发，指基于平台原生语言来开发应用，flutter可以和平台原生语言混合开发） 扩展。

• 介绍与环境配置

配置编辑器

这里以 VS Code 为例。

安装两个插件:

• Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等).

  

• Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等).

  

选择目标开发平台

Flutter 是一个多平台工具包。您的应用可以在以下任何操作系统上运行：

• iOS
• Android
• Windows
• macOS
• Linux
• Web

不过，一种常见的做法是选择一个操作系统作为所开发应用的主要运行平台。这是您的“目标开发平台”。在开发过程中，您的应用将在此操作系统上运行。

假设您开发 Flutter 应用使用的是 Windows 笔记本电脑。如果选择 Android 作为目标开发平台，您通常会使用 USB 线将 Android 设备连接到 Windows 笔记本电脑，并且您在开发的应用将在该连接的 Android 设备上运行。但您也可以选择 Windows 作为目标开发平台，这意味着您在开发的应用将作为 Windows 应用与编辑器一起运行。

强烈建议您选择自己开发设备的操作系统作为目标开发平台。例如，如果您的计算机运行 Windows，请选择 Windows 作为目标开发平台。

您可能会想要选择 Web 作为目标开发平台。但这种选择有不利的一面，即您将失去 Flutter 最实用的一项开发功能：有状态热重载。Flutter 无法热重载 Web 应用。

• 我这里以 Android 为目标平台，需要开启 CPU 的虚拟功能。

创建项目

创建第一个 Flutter 项目

启动 Visual Studio Code 并打开命令面板（使用 F1、Ctrl+Shift+P 或 Shift+Cmd+P）。开始输入“flutter new”。选择 Flutter: New Project 命令。

接下来，选择 Application，然后选择要在哪个文件夹中创建项目。这可以是您的主目录，或类似于 C:\src\ 的目录。

最后，为项目命名。比如说，命名为 namer_app 或 my_awesome_namer。

Flutter 会创建项目文件夹，然后在 VS Code 中打开该文件夹。

会自己创建很多相关文件：

• 选择生成 Android 模拟器

会生成这样的模拟器

执行 lib/main.dart 可以在模拟器中查看效果。

有一个计数器可以点着玩

可以打端点进行调试。

参考资料

• https://doc.flutterchina.club/get-started/
• https://www.zywvvd.com/notes/coding/flutter/init/
• https://codelabs.developers.google.cn/codelabs/flutter-codelab-first?hl=zh-cn#1

文章链接：
https://www.zywvvd.com/notes/coding/flutter/helloworld/