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

相关推荐
GitLqr14 小时前
玩转 Flutter 中的 Stack 与 Positioned:解决 UI 重叠问题的实战指南
flutter·面试·全栈
唔661 天前
flutter web iOS 在浏览器加载中文慢的问题
前端·flutter·ios
恋猫de小郭1 天前
Jetpack Compose 8 月版正式发布,核心模块 1.12
android·前端·flutter
梦想的颜色2 天前
AI 时代小白 VibeCoding 做 APP:UniApp(含 Uni‑X)、Flutter 与 React Native+Expo全维度技术选型对比指南
flutter·react native·app·uniapp·vibecoding·unippx·app产品
坚果的博客2 天前
Flutter-OH 3.44.9-dev 悄然上线|首个 OpenHarmony Canary 预览版上线
flutter
大龄秃头程序员2 天前
Flutter 动画随笔:业务里真正高频的几类控件
flutter
天空之城--2 天前
Android Flutter行业最新动态与实用参考(2026年8月第2周)
android·flutter
恋猫de小郭2 天前
Flutter 3.47 发布,快来看看有什么更新吧
android·前端·flutter
大龄秃头程序员3 天前
一次 Flutter 动画 Demo 的整理与复盘
flutter