Flutter 安装,配置,运行第一个app 1

起因, 目的:

flutter, 其实几年前,我就写过。 当时纯属是个人兴趣,随意探索。

当时我也写了几篇笔记:

  1. 比如这一篇
  2. 还有这个

flutter,其实不难,比较繁琐,小的知识点很多.

flutter, 又是环境配置。。。。

安装 flutter + first app 视频教程: https://www.youtube.com/watch?v=8sAyPDLorek

1. 安装 Flutter

  1. 按照官方文档给的流程,
  2. 使用国内的镜像。 https://docs.flutter.cn/community/china/
  3. 最后检查一下环境 flutter-doctor

2. 在 VScode 中, 创建 flutter 项目:

  1. 确保安装了 flutter 插件
  2. 按 f1, 输入 > flutter New project
  3. 设置文件夹路径,项目名称(小写字母), done! 我的路径是 D:\flutter_apps

3. 写代码, 写第一个 app.

  1. 修改 pubspec.yaml 的内容,参考: https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=zh-cn#2
  2. 修改 pubspec.yaml, 以及 main.dart

4. 代码笔记:

StatefulWidget

  • 有状态的组件。
  • 就是说, 能重新构建自己。
  • 数据和内容,可能会随用户的选择而改变!

setState(() {} )

这个跟 react js 中的 useEffect() 简直是一回事!!!



个人接单,留学生辅导,python, R语言,私聊.

老哥,支持一下啊。

相关推荐
恋猫de小郭2 天前
Amper 正式转正 Kotlin Toolchain ,Gradle 未来何去何从
android·前端·flutter
张风捷特烈2 天前
Flutter 类库大揭秘#02 | path_provider 各平台实现
前端·flutter
TT_Close3 天前
别劝退了!5秒搞定 Flutter 鸿蒙 FVM 起跑线
flutter·harmonyos·visual studio code
你听得到113 天前
用户说 App 卡,但说不清在哪?我把 Flutter 监控 SDK 升级成了链路观测工作台
前端·flutter·性能优化
stringwu5 天前
Flutter 开发必备:MVI 架构的高效实现指南
前端·flutter
程序员老刘5 天前
Flutter版本选择指南:3.44系列继续观望 | 2026年6月
flutter·ai编程·客户端
用户965597361907 天前
Provider vs Bloc vs GetX vs Riverpod:Flutter 状态管理方案怎么选?
flutter
恋猫de小郭7 天前
Flutter Patchwork,不用 Fork 改依赖包源码的第三方工具
android·前端·flutter
程序员老刘7 天前
跑分第一的编程大模型,我为啥不用?
flutter·ai编程·vibecoding
恋猫de小郭8 天前
苹果 AirPods 协议,Android 也可以使用完整版 AirPods 能力
android·前端·flutter