手把手教你如何在Android Studio中配置Flutter(图文教程)

手把手教你如何在Android Studio中配置Flutter(图文教程)

目录

介绍:

1.安装Flutter SDK

1.1打开谷歌浏览器

​编辑1.2搜索Flutter SDK archive

1.3点击搜索到的第一个链接

1.4往下滑动文档找到需要版本和对应电脑架构的sdk包(最好有魔法)

1.5下载完成后将文件解压出来并将sdk包放到C盘

1.6配置环境变量

1.7验证是否成功

2.安装Android Studio

2.1搜索android studio并下载安装包

2.2下载完成后直接双击exe文件傻瓜式一键安装就行(我已经安装过了这个步骤就不放图片了,有问题的话评论留言或者加我微信18010695829)

2.3配置Android Studio

3.检查环境

3.1在powershell中输入 flutter doctor查看环境是否缺失

3.2(如果我们需要开发windows的话则需要安装这个否则可以跳过这步)接着我们来解决这个报错问题

4.新建flutter项目


介绍:

Flutter 是谷歌推出的跨平台 UI 开发框架,通过 Dart 语言编写代码,可同时构建高性能、外观一致的 iOS 和 Android 原生应用,支持热重载快速预览效果,兼具原生应用的流畅体验与跨平台开发的高效性;而 Android Studio 是谷歌官方推出的 Android 应用集成开发环境(IDE),基于 IntelliJ IDEA 打造,内置 Android SDK 管理、模拟器、代码调试等工具,不仅是 Android 原生应用开发的核心工具,也被广泛用于 Flutter 开发 —— 开发者可在 Android Studio 中安装 Flutter 插件,实现从代码编写、UI 设计到应用打包的全流程开发,二者结合为跨平台及 Android 原生开发提供了强大且便捷的技术支撑。

1.安装Flutter SDK

Dart SDK 已经捆绑在 Flutter 里,无需再单独安装 Dart

1.1打开谷歌浏览器

1.2搜索Flutter SDK archive

1.3点击搜索到的第一个链接

附下载链接:https://docs.flutter.dev/install/archive

1.4往下滑动文档找到需要版本和对应电脑架构的sdk包(最好有魔法)

1.5下载完成后将文件解压出来并将sdk包放到C盘

1.6配置环境变量

win+r打开命令输入行,输入sysdm.cpl打开系统属性窗口

选择->高级->环境变量

用户变量和系统变量中点击新建变量输入变量名和变量值添加环境变量

点击三个确定按钮!!!才能生效

1.7验证是否成功

在搜索框搜索powershell并打开

输入flutter如果显示以下信息则代表flutter配置成功

2.安装Android Studio

2.1搜索android studio并下载安装包

附下载网址:https://developer.android.***/studio?hl=zh-***

点击下载按钮

将同意书下滑到底部并再次点击下载

2.2下载完成后直接双击exe文件傻瓜式一键安装就行(我已经安装过了这个步骤就不放图片了,有问题的话评论留言或者加我微信18010695829)

2.3配置Android Studio

下载flutter和dart插件(dart通常会在下载flutter时自动下载,如果没有则手动搜索下载)

依次点击file,settings,plugins进入插件界面搜索flutter下载插件

确认android apk support & android ndk support服务是开启的

3.检查环境

3.1在powershell中输入 flutter doctor查看环境是否缺失

这是我遇到的这些问题

先试着下面这个通用解决方案 找到Android SDK 下载下面这几个工具

操作完成后再执行 flutter doctor我们发现问题变少了

3.2(如果我们需要开发windows的话则需要安装这个否则可以跳过这步)接着我们来解决这个报错问题

[X] Visual Studio - develop for Windows
    X Visual Studio not installed; this is necessary for Windows development.
      Download at https://visualstudio.microsoft.***/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default ***ponents

这段提示表示你的环境中缺少 Windows 平台开发所需的 Visual Studio 及相关组件,导致无法进行 Flutter 的 Windows 应用开发。

访问下载链接下载并安装 Visual Studio并包含必要组件

https://visualstudio.microsoft.***/zh-hans/downloads/

点击下载按钮下载

安装时必须勾选上C++的桌面开发(默认一般就够用但我为了保险起见再勾选上了右边的三个以及c++的移动开发)

等软件下载中

下载完后再次运行 flutter doctor

这下没有报错了

4.新建flutter项目

点击新建项目 点击new flutter project

接下来选择sdk版本 因为我们之前在c盘创建了一个flutter文件夹 我们直接选择那个文件夹就行

填写创建项目的信息(一般只用修改名称和这个应用的平台)

然后我们终于终于将flutter项目在Android Studio中配置成功了(点击运行试试效果)

可恶没想到竟然还有报错(看3.2可以解决这个报错)

解决完报错后我们重启电脑再次运行

上一个报错问题没有了,但是又发现了这个错误

这是提示是系统中缺少 C++ 编译器,导致 CMake 无法完成 Windows 应用的构建。

我这边的解决办法是把vs卸载然后重新安装一次

这次只额外安装了着一个东西(勾选上电脑版本对应的sdk)

到此终于成功了!!!!!!!!!!!!!!!!

如果你觉得这篇文章对你有帮助,欢迎点赞、收藏、关注小谷,小谷将持续输出更多技术干货。

转载请注明出处。

转载请说明出处内容投诉
CSS教程网 » 手把手教你如何在Android Studio中配置Flutter(图文教程)

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买