当前位置:   article > 正文

如何搭建flutter开发环境_flutter环境搭建

flutter环境搭建

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

一、系统基本要求

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

二、Java环境安装

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

  1. Java环境下载地址:https://www.oracle.com/java/technologies/downloads/#java8-windows
  2. 根据自己的系统选择对应文件类型进行安装
    在这里插入图片描述
  3. 安在终端输入java后,可以看到以下内容的话就代表Java环境安装成功了在这里插入图片描述

三、安装Flutter SDK

  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

四、安装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项目了

五、启动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项目就跑起来了!你的成功了吗?

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/227214
推荐阅读
相关标签
  

闽ICP备14008679号