讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

Seko
Seko

AI短剧一键生成成片

Laper
Laper

剧本策划到成片协作

【Flutter 专题】 03 图解第一个程序 Hello World!

酷敏大大_6168

酷敏大大_6168

发布时间:2025-09-26 09:01:10

|

423人浏览过

|

来源于php中文网

原创

无论学习哪种编程语言,第一个程序通常都是 hello world! 最近我在学习 flutter,因此整理了一些在第一个测试 demo 中遇到的问题。参考资料:flutter 中文网

实操图解1. 打开 AndroidStudio -> Start a new Flutter project 来创建一个新的 Flutter 项目,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!2. 填写项目信息,项目名称必须使用小写或包含下划线的小写格式,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!3. 通常情况下,只需填写项目名称和项目路径即可,但这里提示 Flutter SDK 路径未设置,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!4. 确保已成功安装 Flutter 和 Dart 插件,【Mac 环境】可通过命令行查找 Flutter 目录,终端 -> export $PATH 查看配置路径;【Windows 环境】相对简单,可以直接在文件夹中找到 Flutter 路径,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!Mac 环境查找 Flutter 路径

【Flutter 专题】 03 图解第一个程序 Hello World!Windows 环境查找 Flutter 路径

5. 在 AndroidStudio 中,可以直接在 Flutter SDK 路径中填写,也可以在 AndroidStudio -> Setting -> Languages & Frameworks -> Flutter 中添加配置,如图:

Android Control
Android Control

通过命令行工具(uiautomator、screencap、input、am)控制安卓设备。优先尝试非 root 执行,失败后自动回退至 root...

下载

【Flutter 专题】 03 图解第一个程序 Hello World!6. 继续下一步,填写公司名即包名,注意只能使用小写,这里可以选择支持 Kotlin/Swift,之后点击 finish,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!7. 随后进入工程创建页面,首次创建将是一个漫长的过程,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!8. 将手机连接到电脑上,即可运行程序,如图:

【Flutter 专题】 03 图解第一个程序 Hello World!---

注意事项问题一:Flutter 当前版本不是最新版本解决方案:在终端中使用 flutter upgrade 命令升级版本即可【Flutter 专题】 03 图解第一个程序 Hello World!问题二:"…" 不是有效的 Dart 包名。解决方案:工程根目录文件夹不能使用大写字母【Flutter 专题】 03 图解第一个程序 Hello World!问题三:找不到 New Flutter Project…解决方案:建议升级 AndroidStudio 至至少 3.0 版本,目前测试使用 3.1.2;重启 AndroidStudio;确认 Flutter 配置环境是否正常 Tips: 在新建工程过程中,如果不更改 Project location,默认工程根文件夹名称将为项目名称,且不能使用大写字母;如果更改 Project location 选择路径时,最后一个文件夹名称也不能使用大写字母。


学习一门新技术真不容易,即便是最简单的 Hello world! 程序也涉及很多方面,需要多加用心,只有坚持不懈才有可能成功!


热门AI工具

更多
火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

讯飞智文

一款面向学习和办公场景的AI文档创作工具,可辅助生成PPT与Word文档,提高资料整理和内容制作效率。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

相关专题

更多
Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

857

2026.03.03

Swift编程与iOS/macOS应用开发教程合集
Swift编程与iOS/macOS应用开发教程合集

面向苹果生态开发者,系统讲解 Swift 语言核心与 iOS/macOS 应用开发,涵盖 Swift 语法基础、Xcode 开发环境搭建与项目管理、SwiftUI 声明式 UI 开发、UIKit 与 SwiftUI 混合开发策略、Combine 响应式编程框架、数据持久化(SwiftData/Core Data/UserDefaults)、网络请求与 JSON 解析、App 签名/打包/TestFlight 测试与 App Store

1702

2026.06.03

Kotlin协程编程与Spring Boot集成实践
Kotlin协程编程与Spring Boot集成实践

本专题围绕 Kotlin 协程机制展开,深入讲解挂起函数、协程作用域、结构化并发与异常处理机制,并结合 Spring Boot 展示协程在后端开发中的实际应用。内容涵盖异步接口设计、数据库调用优化、线程资源管理以及性能调优策略,帮助开发者构建更加简洁高效的 Kotlin 后端服务架构。

391

2026.02.12

Java Kotlin协程与异步编程实战
Java Kotlin协程与异步编程实战

本专题围绕 Kotlin 协程与异步编程展开,讲解挂起函数、协程作用域、异步任务调度及并发控制方法。通过实际项目案例,帮助开发者提升后端服务性能,实现高效异步任务处理与稳定性保障。

199

2026.04.13

Kotlin Android开发教程大全
Kotlin Android开发教程大全

系统讲解 Google 官方推荐的 Android 开发首选语言 Kotlin 的核心知识与工程实践,涵盖 Kotlin 简洁语法(空安全/数据类/扩展函数/解构声明/作用域函数)与 Java 互操作、集合操作与函数式编程、协程(Coroutines)异步编程(suspend/launch/async/Flow)、Jetpack Compose 声明式 UI 开发(状态管理/组合函数/导航/动画)、MVVM / MVI 架构设计与 Vi

288

2026.06.03

location.assign
location.assign

在前端开发中,我们经常需要使用JavaScript来控制页面的跳转和数据的传递。location.assign就是JavaScript中常用的一个跳转方法。通过location.assign,我们可以在当前窗口或者iframe中加载一个新的URL地址,并且可以保存旧页面的历史记录。php中文网为大家带来了location.assign的相关知识、以及相关文章等内容,供大家免费下载使用。

3282

2023.06.27

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3459

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

3018

2023.07.27

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

80

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 45.5万人学习

Java 教程
Java 教程

共578课时 | 198.3万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 9.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn