开发工具总结（10）之Flutter从配置安装到填坑指南详解

2501_91592143

于 2025-04-17 14:41:45 发布

阅读量1k

点赞数 26

文章标签： http udp https websocket 网络安全网络协议 tcp/ip

本文链接：https://blog.csdn.net/2501_91592143/article/details/147306004

版权

Flutter跨平台开发框架入门指南

在Google I/O '17上，Google向我们介绍了Flutter——一款新的用于创建移动应用的开源库。

什么是Flutter？

Flutter是Google使用Dart语言开发的移动应用开发框架，用来帮助开发者在iOS和Android平台上开发高性能、高质量的原生应用。Flutter是跨平台的免费开源UI框架，iOS和Android可以共用一套代码。

Flutter主要优点：

免费开源
利用保持状态的热重载（Hot Reload）、全新的响应式框架、丰富的控件以及集成的开发工具这些特点进行快速开发
通过可组合的控件集合、丰富的动画库以及分层可扩展的架构来实现富有感染力的灵活界面设计
借助可移植的GPU加速的渲染引擎以及高性能本地ARM代码运行时以达到跨设备跨平台的高质量用户体验
提高效率：使用一套代码同时开发Android和iOS
可扩展性很强：Flutter框架本身提供了丰富的Material Design和Cupertino(iOS-flavor)风格的控件

Flutter开发环境搭建

一、Flutter安装

要安装并运行Flutter，你的开发环境必须满足这些最低要求：

Windows系统要求：

操作系统：Windows 7 SP1或更高版本（64位）
磁盘空间：400 MB（不包括IDE/工具的磁盘空间）
Android Studio要求：需要安装3.0或更高版本
Flutter支持的SDK环境：Android 4.1（API 16）或更高版本
对Android模拟器镜像的要求：推荐使用x86或x86_64镜像

开发工具准备：

PowerShell 5.0或更新版本：Windows系统自带的命令行工具
Git for Windows：用于下载Flutter源代码

使用git命令行下载Flutter：

git clone -b beta https://github.com/flutter/flutter.git

二、配置环境变量

1. 配置Flutter环境变量

将Flutter的bin目录路径添加到系统PATH环境变量中。

2. 配置国内镜像（推荐）

为了加快下载速度，建议配置国内镜像：

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

三、开发工具安装

1. Android Studio插件

Flutter需要安装两个插件：

Flutter插件：提供Flutter项目支持
Dart插件：提供Dart语言支持

在Android Studio中安装：
File → Settings → Plugins → 搜索并安装Flutter和Dart插件

2. 使用AppUploader简化iOS开发流程

对于iOS开发者，可以使用AppUploader工具来简化证书管理、应用打包和上传App Store的过程。AppUploader是一款专业的iOS开发助手，支持：

自动管理证书和描述文件
一键打包ipa文件
直接上传到App Store Connect
支持Windows和Mac平台

与Flutter配合使用时，AppUploader可以大大简化iOS端的发布流程，让你专注于Flutter开发本身。

四、创建并运行Flutter项目

打开Android Studio → File → New Flutter Project
选择Flutter Application → Next
输入项目名称（必须小写，单词间用下划线）
输入包名 → Finish
启动模拟器或连接真机
选择main.dart → 点击运行按钮

常见问题解决方案

1. Flutter doctor无法连接服务器

建议使用PowerShell 5.0+版本执行flutter命令

2. Android licenses未接受

执行命令：

flutter doctor --android-licenses

3. 插件不支持当前AS版本

降低gradle编译版本至26

4. 模拟器不显示

检查模拟器API版本，建议使用API 26

学习资源推荐

Flutter相关：

Dart相关：

iOS开发辅助工具：

AppUploader官网：专业的iOS证书管理和应用上传工具

通过以上步骤，你应该已经成功搭建了Flutter开发环境并运行了第一个Flutter应用。Flutter的热重载功能可以让你快速看到代码修改效果，大大提升开发效率。结合AppUploader等工具，可以进一步简化跨平台开发的发布流程。