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语言,私聊. #### 老哥,支持一下啊。 ![支付宝扫码领红包哦](https://i-blog.csdnimg.cn/direct/aa896d46cbc1462fb0c938ed79c936aa.jpeg)

相关推荐
zilikew1 分钟前
Flutter框架跨平台鸿蒙开发——桌面宠物APP的开发流程
学习·flutter·harmonyos·鸿蒙·宠物
ITUnicorn42 分钟前
Flutter调用HarmonyOS6原生功能:实现智感握持
flutter·华为·harmonyos·harmonyos6·智感握持
2601_949575861 小时前
Flutter for OpenHarmony二手物品置换App实战 - 商品卡片实现
android·flutter
时光慢煮3 小时前
基于 Flutter × OpenHarmony 的文件管家 - 构建常用文件夹区域
flutter·华为·开源·openharmony
2601_949575863 小时前
Flutter for OpenHarmony二手物品置换App实战 - 表单验证实现
android·java·flutter
b2077214 小时前
Flutter for OpenHarmony 身体健康状况记录App实战 - 健康目标实现
python·flutter·harmonyos
血色橄榄枝6 小时前
04-06 Flutter列表清单实现上拉加载 + 下拉刷新 + 数据加载提示 On OpenHarmony
flutter
小风呼呼吹儿6 小时前
Flutter 框架跨平台鸿蒙开发 - 书法印章制作记录应用开发教程
flutter·华为·harmonyos
●VON6 小时前
从系统亮度监听到 UI 重绘:Flutter for OpenHarmony TodoList 深色模式的端到端响应式实现
学习·flutter·ui·openharmony·布局·von
恋猫de小郭6 小时前
Android Gradle Plugin 9.0 发布,为什么这会是个史诗级大坑版本
android·flutter·ios·开源