文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

如何搭建flutter开发环境

2023-09-05 15:16

关注

学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。

操作系统:windows7以上64位操作系统
git环境:flutter需要git环境的支持

因为Flutter是基于Android的,所以要安装Java环境

  1. Java环境下载地址:https://www.oracle.com/java/technologies/downloads/#java8-windows
  2. 根据自己的系统选择对应文件类型进行安装
    在这里插入图片描述
  3. 安在终端输入java后,可以看到以下内容的话就代表Java环境安装成功了在这里插入图片描述
  1. flutter下载地址:https://docs.flutter.dev/release/archive#windows
  2. 选择你所需要的flutter版本,我选择的是最新版
    在这里插入图片描述
  3. 下载并解压,打开解压后的文件会看到flutter_console文件(提示:后面使用flutter命令时,需要通过双击这个文件进来再执行flutter相关命令。)
    在这里插入图片描述
  4. 双击flutter_console文件,然后在命令行输入flutter -h后可以看到flutter相关命令,此时代表flutter安装成功了在这里插入图片描述
  5. flutter虽然安装成功了,但我们需要通过flutter doctor命令来检测一下flutter在这里插入图片描述
    结果显示: Android Studio没有安装,所以需要安装Android Studio
  1. 下载地址: https://developer.android.google.cn/studio

  2. 然后直接点击zip文件进行下载并解压
    在这里插入图片描述

  3. 解压后进入以下文件夹,点击studio64应用程序进入Android Studio在这里插入图片描述

  4. 接着不断点击下一步后,然后选择接受安装,最后点击Finsh进行下载相关组件。在这里插入图片描述

  5. 相关组件下载完成后,在Android Studio中安装flutter在这里插入图片描述

  6. 安装完成后,重启一下Android Studio
    在这里插入图片描述

  7. 我们继续执行flutter doctor,出现cmdline-tools component is missing这样的报错,所以需要在Android Studio中下载最新的SDK Tools
    在这里插入图片描述

  8. Android Studio中下载最新的SDK Tools
    在这里插入图片描述
    在这里插入图片描述

  9. 继续执行flutter doctor,出现Some Android licenses not accepted. 按照运行flutter doctor --android-licenses,一直选择Y直至完成。在这里插入图片描述
    接下来,我们就可以启动flutter项目了

  1. 选择新建一个flutter项目

  2. 选择Flutter SDK安装位置(第三步骤)

  3. 输入项目名称和选择创建位置(最好不要出现中文,否则在启动项目的时候可能出错),然后点击creat
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/0d59c2d8d01f40d189d99c9c568d69b0.png5.

  4. 创建成功后会自动打开main.dart文件,此时说明flutter项目创建成功了。在这里插入图片描述5. 5.

  5. 开启虚拟机并启动项目
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  6. 可能启动的非常慢,可以修改镜像源解决这个问题
    (1)在项目中更改build.gradle中的镜像
    在这里插入图片描述
    (2)同时也要在Flutter SDK中更换这两个文件的镜像
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  7. 最后重新启动一下项目就可以看到flutter自带的例子,点击加号可以增加数值。在这里插入图片描述

到此,一个flutter项目就跑起来了!你的成功了吗?

来源地址:https://blog.csdn.net/weixin_43534452/article/details/130670159

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯