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

相关推荐
hudawei9962 小时前
要控制动画的widget为什么要with SingleTickerProviderStateMixin
flutter·mixin·with·ticker·动画控制
jian110584 小时前
flutter dio 依赖,dependencies 和 dev_dependencies的区别
flutter
王码码20354 小时前
Flutter for OpenHarmony 实战之基础组件:第十七篇 滚动进阶 ScrollController 与 Scrollbar
flutter·harmonyos
小哥Mark4 小时前
Flutter开发鸿蒙年味 + 实用实战应用|春节祝福:列表选卡 + 贴纸拖动 + 截图分享
flutter·harmonyos·鸿蒙
王码码20354 小时前
Flutter for OpenHarmony 实战之基础组件:第十六篇 约束布局 ConstrainedBox 与 AspectRatio
flutter·harmonyos
王码码20355 小时前
Flutter for OpenHarmony 实战之基础组件:第十八篇 布局终极者 CustomScrollView 与 Slivers
flutter·harmonyos
ujainu5 小时前
Flutter + OpenHarmony 实战:构建清晰、健壮的三屏状态流转
flutter·游戏·openharmony
铅笔侠_小龙虾5 小时前
Flutter 组件层级关系
前端·flutter·servlet
一起养小猫5 小时前
Flutter for OpenHarmony 实战:打地鼠游戏完整开发指南
flutter·游戏·harmonyos