搭建flutter项目-编程学习网

一些命令:

检查环境:

MacBook-Pro ~ % flutter doctorDoctor summary (to see all details, run flutter doctor -v):[✓] Flutter (Channel stable, 3.10.2, on macOS 13.3.1 22E772610a darwin-arm64,    locale zh-Hans-CN)[✓] Android toolchain - develop for Android devices (Android SDK version 32.0.0)[✓] Xcode - develop for iOS and macOS (Xcode 14.1)[✓] Chrome - develop for the web[✓] Android Studio (version 2022.1)[✓] VS Code (version 1.76.0)[✓] Connected device (3 available)[✓] Network resources• No issues found!

flutter版本号

MacBook-Pro ~ % flutter --versionFlutter 3.10.2 • channel stable • https://github.com/flutter/flutter.gitFramework • revision 9cd3d0d9ff (7 days ago) • 2023-05-23 20:57:28 -0700Engine • revision 90fa3ae28fTools • Dart 3.0.2 • DevTools 2.23.1

dart版本号

MacBook-Pro ~ % dart --versionDart SDK version: 3.0.2 (stable) (Tue May 23 08:26:58 2023 +0000) on "macos_arm64"

升级flutter
这个命令首先获取你的 Flutter 渠道可用的最新的 Flutter SDK 版本

flutter upgrade

切换flutter渠道
Flutter 有 3 个发布渠道，分别是 stable、beta 和 master。推荐使用 stable 渠道除非你需要体验最新更新的 Flutter 特性
1> 查看当前使用的渠道
渠道前带*的即为当前渠道(文档讲master又名main，但我这里main与master并列，不清楚状况，不纠结这个了)

MacBook-Pro ~ % flutter channelFlutter channels:  master  main  beta* stable

2> 切换到其它渠道

flutter channel <channel-name>

使用Android Studio开发flutter项目
下载Android Studio

Android Studio界面选择[New Flutter Project]创建Flutter项目

flutterSDK及Dart路径

项目名、项目位置、描述、项目类型、组织、语言及运行平台等

新建的flutter项目ios文件夹中是没有Podfile文件的，为了方便我们pod相关配置，首先在pubspec.yaml中依赖一个需要在iOS原生端管理的插件，比如permission_handler
在IDE界面上执行下Pub get 或内置终端中执行 flutter pub get
之后ios文件夹中可看到出现了Podfile文件

使用Xcode打开iOS工程

根据自身项目所需进行iOS原生端的配置

配置忽略文件:
这里使用了flutter官方推荐的gitignore

运行Hello World项目:

若运行release模式:

至此，使用Android Studio新建一个flutter项目及其配置iOS原生端就结束了。

快捷键:
stful > 快速创建有状态的class
stless > 快速创建无状态的class

代码整理:
右键 -> Reformat Code with ‘dart format’

开始搭建常见应用框架:

Android Studio必装插件

Flutter
FlutterJsonBeanFactory: 序列化
GetX

pubspec.yaml所有依赖:
其余根据项目所需继续依赖其他所需插件:

permission_handler: 10.2.0 # 权限get: 4.6.5 # 状态、路由flutter_localizations: # 本地化  sdk: flutterflutter_screenutil: 5.8.3 # 适配get_storage: 2.1.1 # 存储，简单存储cached_network_image: 3.2.3 # 图片加载dio: 5.1.2 # 网络请求url_launcher: 6.1.11 # 访问urlconnectivity_plus: 4.0.1 # 网络状态flutter_inappwebview: 5.7.2+3 # webViewflutter_easyloading: 3.0.5 # loading、toastpackage_info_plus: 4.0.2 # app信息-version、build等

大概分了这些文件夹:
图片资源路径要添加到pubspec.yaml文件的assets处

新建App主页HomePage

路由到其他页面

Get.to(() => ChildPage());

返回(pop)

Get.back();

新建model

如果修改了生成model中的字段，比如这里的lives字段，修改之后:
option+J
IDE右下角会弹出convert factory is generated提示，代表修改成功。

最后

如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。

如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。
在这里插入图片描述
相对于我们平时看的碎片化内容，这份笔记的知识点更系统化，更容易理解和记忆，是严格按照知识体系编排的。