目录

  • 搭建flutter环境
  • 体验flutter
  • 编写第一个flutter应用

搭建flutter环境

  • mac os 系统环境搭建
  • windows 系统环境搭建
系统要求

在这里插入图片描述

flutter Sdk下载安装

在这里插入图片描述
mac pro中环境变量添加:
vim ~/.bash_profile
增加 export PATH = “flutter bin的绝对目录”:$PATH
source ~/.bash_profile
Flutter Sdk 传送门

验证安装是否成功

在终端输入flutter命令:

flutter
检测是否需要依赖项
flutter doctor
Xcode flutter环境安装
  • Xcode 安装
  • iOS模拟器设置
Xcode安装

在这里插入图片描述

iOS模拟器设置

在这里插入图片描述

Android Studio 环境安装
  • Android Studio 安装
  • Adnroid Sdk 安装
  • Android 模拟器设置
  • Android Studio flutter 和 Dart插件安装
Android Studio 安装

在这里插入图片描述

Adnroid Sdk 安装

在这里插入图片描述

Android 模拟器设置

在这里插入图片描述

Android Studio flutter 和 Dart插件安装

在这里插入图片描述

体验flutter

体验flutter应用

通过AndroidStudio创建项目

和创建Android App的流程十分 相似
通过命令行创建项目
在这里插入图片描述
运行flutter项目
在这里插入图片描述

体验热重载

在这里插入图片描述

编写第一个flutter应用

pubspec的作用
在这里插入图片描述
在这里插入图片描述
工程结构
在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐