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

相关推荐
风华圆舞3 小时前
MethodChannel 在 Flutter 与 ArkTS 之间是怎么工作的
flutter·华为·harmonyos
恋猫de小郭3 小时前
Flutter 又为 AI 时代添砖加瓦:全新 ComponentLibrary 提议
android·前端·flutter
G_dou_3 小时前
Flutter三方库适配OpenHarmony【prime_checker】质数检测器项目完整实战
flutter·harmonyos
G_dou_3 小时前
Flutter三方库适配OpenHarmony【random_joke】随机笑话应用项目完整实战
flutter·harmonyos
MemoriKu3 小时前
Flutter 相册 APP 视频模态稳定化实战:从远端重构冲突到真机 Smoke Test
人工智能·python·flutter·机器学习·重构·音视频·新人首发
风华圆舞4 小时前
鸿蒙 Flutter 平台通道设计:为什么一项能力一个 channel
flutter·华为·harmonyos
BreezeDove4 小时前
【Android】Flutter命令超时无响应问题
android·flutter
G_dou_4 小时前
Flutter三方库适配OpenHarmony【quote_of_day】每日名言应用项目完整实战
flutter·harmonyos
韩曙亮4 小时前
【Flutter】Flutter 编译 Web 网站 ① ( Tomcat 部署 Web 网站 )
前端·flutter·tomcat·web
G_dou_13 小时前
Flutter三方库适配OpenHarmony【countdown_timer】倒计时器项目完整实战
flutter·harmonyos