Flutter入门

Flutter概述

Flutter是Google推出的开源跨平台应用程序开发框架和UI工具包,基于Dart编程语言构建,支持通过单一代码库开发Android、iOS、Web及Windows、macOS、Linux六大平台应用 。该框架采用响应式架构设计,通过编译原生机器代码提升运行性能,内置Material Design和Cupertino组件库实现跨平台界面适配,并提供热重载功能加速开发调试流程。其代码可编译为ARM、Intel x64、JavaScript或WebAssembly格式,实现多平台部署。

Flutter与其他跨平台框架对比

Flutter安装与工程配置

  • 下载和安装Git
  • 安装Flutter SDK(包含Dart SDK)
  • 设置环境变量
  • 安装VsCode或其他IDE
  • VsCode安装Flutter和Dart插件
  • 下载安装Android Studio创建虚拟机(AVD Manager)

详细参考:https://docs.flutter.cn/install

Flutter常用命令

环境与版本管理

查看版本:flutter --version

检查开发环境:flutter doctor

详细检查:flutter doctor -v

接受 Android 许可:flutter doctor --android-licenses

创建项目

创建新项目:flutter create <project_name>

可指定平台:flutter create --platforms=android,ios <project_name>

运行与调试

运行应用:flutter run

获取资源:flutter pub get

清理项目:flutter clean

其他实用命令

查看所有命令:flutter 或 flutter -h

查看命令帮助:flutter help <command>

查看日志:flutter logs

创建一个Flutter项目

1、使用 flutter create flutterdemo 命令创建flutter工程

2、使用 flutter run 命令运行flutter程序

3、选择浏览器或者Android模拟器运行程序

4、出现缺少sdk或者ndk,可通过Android Studio的SDK Manager 安装对应的依赖

5、通过"运行和调试"可以进入热重载修改,保存后自动修改(或者Save and Hot Reload按钮更新程序)

创建和运行浏览器程序:

下载依赖并运行Android模拟器程序

参考:

https://blog.csdn.net/2401_88937325/article/details/155679121

https://docs.flutter.cn/get-started

相关推荐
Nerd(BUG版)3 小时前
Flutter学习day5--事件手势与命中测试
学习·flutter
传奇开心果7 小时前
【Flutter踩坑排雷】第5课:扩展方法冲突坑|同名扩展引发编译歧义,故障规避手段
android·flutter
雪铃儿1 天前
Flutter 双端热更新新方案:基于 Dart 官方动态模块的 flutter_patcher 1.0.0
flutter·hotfix
好的佩奇1 天前
Dart 之方法、操作符与可调用对象
android·flutter·dart
恋猫de小郭1 天前
Flutter Impeller Vulkan 内存持续上涨,问题没想到是文字阴影
android·前端·flutter
传奇开心果2 天前
【Flutter踩坑排雷】第3课:const 误用坑|const 错误使用引发 UI 异常与性能损耗
android·flutter
行者-全栈开发2 天前
Flutter 插件 device_calendar_plus 开源鸿蒙适配实战:从权限弹窗失灵到循环日程跑通
flutter·跨平台·harmonyos·arkts·日历·适配·开源鸿蒙
恋猫de小郭2 天前
Flutter 开始支持 Jetpack Compose Platform View
android·前端·flutter
SoaringHeart3 天前
Flutter 查缺补漏:@JsonKey 属性全解,让模型层不再被后端字段牵着走
flutter