手机版

百科科技 编程日记

Flutter学习笔记一:Windows 上面搭建 Flutter Android 运行环境

百科 2023-09-07 编程日记

Flutter 介绍

Flutter 是谷歌公司开发的一款开源、 免费的移动 UI 框架, 可以让我们快速的在 Android 和iOS 上构建高质量 App。 它最大的特点就是跨平台、 以及高性能。

Flutter 基于谷歌的 dart 语言, 如果没有任何 Dart 语言的基础, 不建议直接学习 Flutter。 建议先学习 Dart 语言的基本语法。 然后再进入 Flutter 的学习。

市面上已经有很多的混合 App 开发框架了, 但是有些混合 APP 开发框架主要是针对前端开发者的: 比如 ReactNative( 基于React) 、 Ionic( 基于 Angular、 Vue、 React) 。 有些则是针对.Net 平台针对.Net 开发者的比如: Xamarin。

Flutter 是谷歌基于 Dart 语言开发的一款跨平台的移动 App 开发框架。 它针对的开发者是全部开发者。 它的性能相比 RN、 Ionic 这样的框架要好一些, 但是现在的手机设备上是看不出任何区别的。

由于谷歌的推广,以及国内阿里的闲鱼 App 是 Flutter 开发的。 所以 Flutter 目前( 2019 年 5月 22) 关注度非常高的框架。 所以非常有必要学习。 因为大家都在学, 我们不学是不是就有点 Out 了。 但是我们要知道的一点就是 Flutter 还比较年轻, 相比 Ionic、 以及 RN 这样的老框架来说社区不是特别完善。 还有就是学习成本高。 希望未来社区能更加完善、 学习成本更低。

环境搭建

Android环境

Flutter是一款跨平台开发框架,想要用Flutter开发Android app,需要电脑上配置好Android开发环境。这个步骤对于Android开发者来说不成问题,不会的可以自行百度。

Flutter Sdk

1、下载 Flutter SDK:https://flutter.dev/docs/development/tools/sdk/releases#windows

2、把下载好的Flutter SDK随便减压到你想安装 Sdk 的目录如(E:\flutter_windows\flutter)

3、把 Flutter安装目录的bin目录配置到环境变量。

如上图所示需要把E:\flutter_windows\flutter\bin目录配置到path环境变量里面。

4、电脑上配置Flutter国内镜像

搭建环境过程中要下载很多资源文件, 当一些资源下载不了的时候, 可能会报各种错误。 在国内访问 Flutter 的时候有可能会受到限制。Flutter 官方为我们提供了国内的镜像:

https://flutter-io.cn/

https://flutter.dev/community/china

拉到Flutter中文网最下面有配置方式,把下面两句配置到环境变量里面:

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

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

5、运行flutter doctor命令检测环境是否配置成功

第一次运行的时候会提示下面错误:

这个时候复制上面红色框框内的命令

flutter doctor --android-licenses

注意: 提示输入Y/N 的地方全部输入Y

6、打开Android Studio安装Flutter插件:File>>Setting>>Plugins搜索Flutter安装并重启IDE。

至此,Windows上安装配置Flutter就完成了。接下来可以直接在Android Studio上新建Fluter项目,也可以直接运行和调试Flutter项目。
 



 


 


 




 


 

本文链接:https://tj.jiuquan.cc/article/202309/1022654.html

最近发表
网站分类