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

相关推荐
2501_9219308317 小时前
Flutter for OpenHarmony:三方库实战 animations 页面过渡动画详解
flutter
lqj_本人18 小时前
Flutter三方库适配OpenHarmony【apple_product_name】oh-package.json5配置详解
flutter
2501_9219308318 小时前
第三方库引入实战指南 Flutter for OpenHarmony:path_provider 文件路径详解
flutter
2501_9219308319 小时前
Flutter for OpenHarmony:第三方库实战 chewie 视频播放器UI组件详解
flutter·ui
Sun_gentle19 小时前
android studio创建flutter项目
android·flutter·android studio
Haha_bj19 小时前
Flutter——List.map()
flutter·app
LawrenceLan21 小时前
30.Flutter 零基础入门(三十):GridView 网格布局 —— 九宫格与商品列表必学
开发语言·前端·flutter·dart
fifiAmx21 小时前
Flutter 接入RevenueCat后台配置相关
flutter
不爱吃糖的程序媛21 小时前
Flutter Orientation 插件在鸿蒙平台的使用指南
flutter·华为·harmonyos