Flutter环境搭建踩坑集锦

这篇具有很好参考价值的文章主要介绍了Flutter环境搭建踩坑集锦。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景

发现一个不错的框架Flutter,听说一套代码就搞定Android和ios,感觉很牛逼,就来试试看,搭环境却不是那么容易,主要还是自己没搞过移动开发吧,踩了一些坑,然后记录一下,相信我遇到的问题别人也会遇到吧,而且不知道多久以后可能还会用上是不是,我可不想踩过的坑再来查一遍资料,自己整理一份吧。

准备工作

第一步当然是找一下Flutter官方文档,直接点击链接到window的安装指导,其他平台可以顺路自己找一下。

先检查一下自己的电脑,看一下是不是满足配置要求

这里按照官方文档基本没有什么问题,多数人肯定是满足要求的了,但是有一个坑让我换了台电脑搞,这里没有提示到的,那就是这个玩意居然多A卡的电脑支持有问题,主要影响是在最后生成虚拟机调试的时候,会有一些型号的手机无法模拟,也就是你有一个残缺的devicemanager,what**?搞到这里跟我说这个,虽然开发不受影响,而且可能还有其他解决方案可以解决这个问题,但是byebye,换个卡能解决的事情,而且又不是我主业,我就不研究了,这里留一下,给有缘人想办法解决吧,如果你的电脑是A卡的显卡,那么你可能就先不要尝试了,先看看有没有办法解决我说的手机模拟器的问题吧

下载安装配置环境

这里我们需要下载Flutter,Android SDK和JDK配置环境,这个下载没有先后顺序,自行操作.个人推荐的顺序是JDK,Android,Flutter

下载安装JDK

我个人是比较推荐先安装jdk的,不为别的,这套东西本身是有依赖关系的,按照依赖关系从底层建设是我的习惯。
JDK版本很多首页一般只有几个版本,也不是最新的,应该是使用最多的吧,我这里就贴一下下载列表的,想要哪个版本自己取JDK下载列表
然后就是常规操作,把Java bin加入环境变量,自己新建一个
JAVA_HOME的环境变量,值就是C:\Program Files\Java\jdk-1.8,我的是18版本的,所以是这个,自己根据安装路径和版本自己修改就可以了。

下载安装Android studio

直接去官网下载。Android官网
安装过程我就不细贴了,很多地方都有,这里写几点注意,第一遇到勾选virtual device的时候要勾选,后面下载要选择安装 Android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools,至于版本,也是按自己的需要选择,然后有个坑是Android SDK Command-line tools没有安装,Flutter官网没有说要安装这个,而且默认好像是不安装,这个时候就需要自己手动安装一下,而且安装版本也是有讲究的,如果版本不对也会导致后面检测的时候运行失败,我就是安装的8.0的版本的

下载Flutter

直接点击官方教程上面的下载链接,一般是最新版本,由于Flutter比较新,更新比较快,有些时候可能会出现前后版本兼容没那么好的问题,所有下载之前最好还是留意一些你需要的版本,如果你是新手来学习的,就是直接下载最新版本就好了
安装也直接按官方操作皆可以了,注意事项官方文档也写的很清楚。其中提到Dart SDK是可以单独下载安装的,我自己没有单独下载,也不建议谁单独下载,毕竟都可以一步到位了,估计这里是留给老用户的。
如果你是先安装的Flutter再安装JDK和Android,安装完成之后不要急着运行Flutter doctor,虽然这个命令多运行几次也没事,但是明知环境没有配置好还是先不要运行的好,这个命令跑一遍还是要时间的,然后报一些莫名其妙的问题你不是脑壳疼?

flutter doctor故障

Android license status unknown

这个故障有很多解决方案,也就是说有很多不同的问题。这里先贴我的解决方法,然后补充别人遇到的问题和解决方案。
我的机器使用flutter doctor --android-licenses之和出现的结果是Android SDK tools没有,下载这个tools需要把Hide obsolete Packages勾选掉
Flutter环境搭建踩坑集锦,App,flutter,java,android-studio
然后flutter doctor --android-licenses,一直选择y就可以了,其他的问题大概也是根据flutter doctor --android-licenses这个指令的提示去解决的
别人的方案:
Flutter环境搭建踩坑集锦,App,flutter,java,android-studio

Network resources 故障

也就是flutter doctor最后一项出故障了
一般有两个故障,一个是git的,一个是marven的
我个人经验来看,一般只有一个,那就是marven的更新,因为是使用google的资源所以国内的大部分都报这个,换一下资源地址就好了

  • 1打开flutter根目录
  • 2打开文件 packages/flutter_tools/lib/src/http_host_validator.dart
  • 3修改其中 kMaven(修改为http://maven.aliyun.com/nexus/content/groups/public/)
  • 4删除 bin/cache(这里如果不放心可以备份,失败了重新拷回来没有问题)
  • 5重新执行 flutter doctor
    这个过程需要下载marven资源会需要一点时间,基本网速快也花不了多久
    另一个问题是git故障,这个别人是咋回事我不知道,我这里是因为我自己科学上网导致的,科学上网关了就好了,如果你不是这个原因,那可以试试下面的方法。
    git config --global http.proxy http://127.0.0.1:7890
    git config --global https.proxy http://127.0.0.1:7890
    这个我不太建议使用,即使是你先报了这个,最好也先试试上面改marven的方法,如果哪个改了还有git的问题,再试不迟,当然,你改了也没事,毕竟设置gitconfig的代理这个,并不会造成太大的影响,加上可以随时改。

后记

环境踩坑也就到这里了,欢迎评论区留言分享自己的坑点,大家共勉。最后flutter官网不仅用于安装教程,后面很多可以学习的东西也别浪费了,入门学习相当不错,白白了各位。文章来源地址https://www.toymoban.com/news/detail-620143.html

到了这里,关于Flutter环境搭建踩坑集锦的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • MacOS搭建Flutter 环境

    第一步:官网下载对应版本的flutter SDK MacOS有两个版本:x64和 arm64 查看命令:uname -a 官网链接:Flutter SDK archive | Flutter 下载成功后会自动解压,把Flutter文件放到自己指定的位置。 第二步:打开控制进行临时配置 第三步:进入自己的工具(Android studio/vs code),在设置中配置flu

    2024年02月07日
    浏览(36)
  • 【Flutter】macOS从零开始使用FVM搭建Flutter开发环境

    本文为个人记录macOS系统使用fvm从零开始搭建flutter开发环境到项目运行的过程,非教程性质,仅供参考,如有疑问或建议,欢迎大家在评论区留言 附上开发设备配置 以vscode为编码工具 下载地址:Download Visual Studio Code - Mac, Linux, Windows 下载后解压安装即可 Xcode 在 iOS 真机或者

    2024年02月09日
    浏览(35)
  • Flutter的开发环境搭建-图解

    前言:Flutter作为一个移动应用开发框架,具有许多优点和一些局限性。最大的优点就是-跨平台开发:Flutter可以在iOS和Android等多个平台上进行跨平台开发,使用一套代码编写应用程序,节省开发时间和成本。 Flutter可以编译出以下平台的程序: 1. Android:Flutter可以生成Androi

    2024年02月15日
    浏览(41)
  • Android Flutter开发环境搭建

    本栏亦在快速上手Android Flutter,Flutter框架就不介绍了,框架这个东西怎么说呢,对于大部分人来说只是了解即可,如需了解的话,可以度娘资料很多。 本节我们主要看下如何在Windwos下搭建Android Flutter开发环境,然后了解下IDE上面的Flutter开发。 要安装并运行Flutter,您的开发

    2024年02月09日
    浏览(37)
  • flutter在windows环境搭建

    下载flutter https://flutter.cn/docs/development/tools/sdk/releases 下载相应的版本 我放在C盘下: 环境变量 再加系统变量: PUB_HOSTED_URL=https://pub.flutter-io.cn 如图 FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 完成

    2024年01月22日
    浏览(31)
  • Flutter开发②环境搭建及入口

    目录 Window Android环境搭建 安装配置 安装配置JDK 下载安装Android Studio 下载配置Flutter SDK  电脑上配置Flutter国内镜像 ​编辑 运行flutter doctor命令检测环境是否配置成功 Android Studio安装Flullter插件 找不到运行的设备  Flutter Android真机调试及VScode开发flutter应用 Flutter虚拟机模拟器

    2024年03月28日
    浏览(73)
  • Flutter - 搭建引擎调试环境(iOS)

    刚开始学Flutter开发时搭建过,没有记录。现在有需要时又忘了,果然好记性不如烂笔头。 注意,调试环境搭建会占用较大硬盘空间。粗略统计,Flutter引擎项目(包含依赖的第三方库)约20GB, host_debug_unopt 构建编译后约16GB, ios_debug_xxx 构建编译后约5GB。所以如果想搭建成功

    2024年02月05日
    浏览(45)
  • Mac Flutter web环境搭建

    下载以下安装包来获取最新的 stable Flutter SDK 将文件解压到目标路径, 比如:  cd ~/development $ unzip ~/Downloads/flutter_macos_3.13.0-stable.zip  配置  flutter  的 PATH 环境变量: export PATH=\\\"$PATH:`pwd`/flutter/bin\\\" // 这个命令配置了PATH环境变量,且只会在你当前命令行窗口中生效 //如果想让它永

    2024年02月11日
    浏览(31)
  • 1、Flutter移动端App实战教程【环境配置、模拟器配置】

    Flutter是Google用以帮助开发者在IOS和Android 两个平台开发高质量原生UI的移动SDK,一份代码可以同时生成IOS和Android两个高性能、高保真的应用程序。 之所以说Flutter能够达到可以媲美甚至超越原生的体验,主要在于其拥有高性能的图形渲染能力,首先对比下Flutter和原生Android及其

    2024年02月09日
    浏览(27)
  • Flutter混合项目构建问题集锦

    以下是报错信息 Could not determine the dependencies of task ‘:app:mergeCeshiDebugAssets’. Could not resolve all task dependencies for configuration ‘:app:CeshiDebugRuntimeClasspath’. Could not resolve project :flutter. Required by: project :app No matching configuration of project :flutter was found. The consumer was configured to find a runti

    2024年02月12日
    浏览(27)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包