极客前沿

Flutter 入门安装与第一个应用:一步步带你跑通

2026-06-18 01:30
DEV Beginners
查看原文

从零开始安装 Flutter 开发环境,创建并运行你的第一个应用,避开常见坑。

准备环境

在开始之前,你需要安装两个东西:Flutter SDK(一套开发工具,帮你用代码写手机应用)和 编辑器(写代码的地方,推荐 VS CodeAndroid Studio)。

Tutorial Image
  • Flutter SDK 下载地址:flutter.dev,根据你的操作系统(Windows/macOS/Linux)选择对应版本。
  • 编辑器:VS Code 免费轻量,Android Studio 功能更全但更重,新手选 VS Code 即可。

安装步骤

  1. 下载 Flutter SDK 压缩包,解压到一个你记得住的文件夹(比如 C:\flutter~/flutter)。
  2. 把 Flutter 的 bin 目录添加到系统环境变量 PATH(这样你在终端里就能直接运行 flutter 命令)。
  3. 打开终端(Windows 用 cmd 或 PowerShell,macOS/Linux 用 Terminal),运行 flutter doctor。这条命令会检查你的环境是否完整,并告诉你缺什么(比如缺少 Android Studio 或某个工具)。
  4. 按提示补全缺少的部分。常见问题:没装 Android Studio 或没接受 Android 许可(运行 flutter doctor --android-licenses 接受即可)。
  5. 验证是否成功

    1. 在终端运行 flutter create my_first_app,这会创建一个 Flutter 项目。
    2. 进入项目目录:cd my_first_app
    3. 连接一台手机(开启 USB 调试)或启动模拟器(Android Studio 或 VS Code 里可以启动)。
    4. 运行 flutter run,等待几秒,你的手机或模拟器上就会出现一个默认的计数器应用——恭喜,你跑通了第一个 Flutter 应用!

    下一步可以做什么

    你已经成功运行了 Flutter 应用,接下来可以:

    • 修改项目里的 lib/main.dart 文件,改改文字或颜色,看看即时变化。
    • 学习 Dart 语言基础(Flutter 用的编程语言),比如变量、函数、类。
    • 尝试添加一个按钮或图片,熟悉 Widget(Flutter 里的 UI 积木)。

    记住:别急着学所有东西,先动手做一个小项目(比如记账本或天气 App),遇到问题再查资料,进步最快。

内容来源

DEV Beginners

发布时间

2026-06-18 01:30

返回 AI技术