Flutter学习(三)之Flutter环境搭建

目录

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

搭建flutter环境

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

系统要求

在这里插入图片描述

flutter Sdk下载安装

在这里插入图片描述
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的作用
在这里插入图片描述
在这里插入图片描述
工程结构
在这里插入图片描述

发布了98 篇原创文章 · 获赞 6 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/dirksmaller/article/details/103996422