『跨端框架』Flutter环境搭建

在这里插入图片描述

资源网站

Flutter官网:https://flutter.cn/
Dart官网:https://dart.cn/
Flutter实战第二版:https://book.flutterchina.club/
Flutter中文社区:https://flutterchina.club/
开源UI框架:https://blog.csdn.net/kongTy/article/details/120218937
第三方开源库:https://www.jianshu.com/p/7f02a4e615ec
在线编译:https://dartpad.cn/

简介

Flutter是谷歌开发的一款开源, 免费的,基于Dart语言的UI框架,可以快速在IOS和Android上构建高质量的原生应用,而且还可以构建桌面应用,web应用和嵌入式应用。它最大的特点就是跨平台和高性能。
Dart是由谷歌,在2011年开发的计算机编程语言,它可以被用于web, 服务器,移动应用和物联网等多个领域。号称要取代 JavaScript

跨平台

跨平台最大的优势就是:节省开发成本,一统天下。这也是谷歌公司的野心和战略部署

  • Dart统一前端
  • Golong统一后端

虽然很多公司确实有从Java转为go去开发后端,在移动端开发中Flutter也越来越火,但是说统一前后端很难,至少特定的语言诞生于特定的环境用来解决特定的问题,一门语言想”一统天下“,不可能做到面面俱到。

高性能

Flutter 应用的性能,接近原生app.
Flutter 采用 用GPU (图形显示)渲染技术。
Flutter 应用的刷新频率可达120fps (120帧每秒)
可以用Flutter来开发游戏
React Native 开发的应用的刷新频率只能达到60fps(60帧每秒)

发展历程

2015,Flutter(当时叫sky) 在dart开发者峰会上亮相,其目的就是能够以每秒120帧的速度持续渲染。
2018-6, Flutter 发布了首个预览版本
2018-12,Flutter1.0发布
2019-9,Flutter 1.9发布,添加web端支持
2020-9,Flutter 1.22发布,带来了对ios14和a 和android 11的支持
2021-3,Flutter 2.0发布
2022-5,Flutter 3.0发布
当前版本(截至2024年4月):Flutter 3.19.2
因为是出于学习的目的,所以不使用最新版本的。本文使用的是:Flutter 3.13.9

跨平台框架的比较

image.png

成功案例

image.png

环境搭建(windows)

基础环境

Windows系统上只能搭建Android开发环境
Mac系统上可以搭建Android和IOS的开发环境
个人喜欢用Android Studio,不过VScode也是一款热门的Flutter IDE
VScode下载:https://code.visualstudio.com/docs/?dv=win

搭建Windows下的安卓环境

在 Windows 操作系统上安装和配置 Flutter 开发环境:可以在这个链接查看flutter doctor命令的使用

### 如何搭建 Flutter 开发环境 Flutter 是一个由谷歌推出的平台移动应用开发框架,使用 Dart 语言编写。从 Flutter 2.10 开始,Windows 的支持已进入稳定渠道[^1]。以下是关于如何在 Windows 系统上搭建 Flutter 开发环境的详细步骤。 #### 1. 安装 Flutter SDK 首先需要下载 Flutter SDK。由于国内网络环境的原因,在访问 Flutter 官方资源时可能会遇到限制。可以使用官方提供的国内镜像链接来加速下载过程[^2]: - 镜像地址:https://flutter-io.cn/ - 在环境变量中添加以下配置: ```plaintext FLUTER_STORAGE_BASE_URL=https://storage.flutter-io.cn PUB_HOSTED_URL=https://pub.flutter-io.cn ``` #### 2. 设置环境变量 将 Flutter SDK 的路径添加到系统的环境变量 `PATH` 中。例如,如果将 Flutter SDK 解压到 `C:\flutter` 目录下,则需要将 `C:\flutter\bin` 添加到 `PATH` 中[^3]。 #### 3. 检查环境配置 运行以下命令以检测 Flutter 开发环境是否正确配置: ```bash flutter doctor ``` 此命令会检查系统中是否存在必要的工具和依赖项。如果出现错误提示,可以根据提示逐步解决。例如,如果提示 Android 许可状态未知,可以通过运行以下命令解决问题: ```bash flutter doctor --android-licenses ``` #### 4. 安装 IDE 和插件 为了更高效地进行 Flutter 开发,建议安装支持 Flutter 的集成开发环境(IDE)。推荐使用以下两种: - **Android Studio**:安装后需确保安装了 Flutter 和 Dart 插件。 - **Visual Studio Code**:同样需要安装 Flutter 和 Dart 扩展。 #### 5. 创建并运行首个 Flutter 应用 完成以上步骤后,可以创建并运行一个简单的 Flutter 应用程序。运行以下命令创建一个新的 Flutter 项目: ```bash flutter create my_first_app cd my_first_app flutter run ``` --- ### 注意事项 - 如果在运行 `flutter doctor` 时发现缺少某些依赖项,请根据提示逐一安装。 - 在国内网络环境下,建议始终使用官方提供的镜像链接以避免下载失败问题[^2]。 ---
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

StarAndroid

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值