如何搭建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. 根据自己的系统选择对应文件类型进行安装
    flutter环境搭建,flutter,android,android studio,前端框架
  3. 安在终端输入java后,可以看到以下内容的话就代表Java环境安装成功了flutter环境搭建,flutter,android,android studio,前端框架

三、安装Flutter SDK

  1. flutter下载地址:https://docs.flutter.dev/release/archive#windows
  2. 选择你所需要的flutter版本,我选择的是最新版
    flutter环境搭建,flutter,android,android studio,前端框架
  3. 下载并解压,打开解压后的文件会看到flutter_console文件(提示:后面使用flutter命令时,需要通过双击这个文件进来再执行flutter相关命令。)
    flutter环境搭建,flutter,android,android studio,前端框架
  4. 双击flutter_console文件,然后在命令行输入flutter -h后可以看到flutter相关命令,此时代表flutter安装成功了flutter环境搭建,flutter,android,android studio,前端框架
  5. flutter虽然安装成功了,但我们需要通过flutter doctor命令来检测一下flutterflutter环境搭建,flutter,android,android studio,前端框架
    结果显示: Android Studio没有安装,所以需要安装Android Studio

四、安装Android Studio

  1. 下载地址: https://developer.android.google.cn/studio

  2. 然后直接点击zip文件进行下载并解压
    flutter环境搭建,flutter,android,android studio,前端框架

  3. 解压后进入以下文件夹,点击studio64应用程序进入Android Studioflutter环境搭建,flutter,android,android studio,前端框架

  4. 接着不断点击下一步后,然后选择接受安装,最后点击Finsh进行下载相关组件。flutter环境搭建,flutter,android,android studio,前端框架

  5. 相关组件下载完成后,在Android Studio中安装flutterflutter环境搭建,flutter,android,android studio,前端框架

  6. 安装完成后,重启一下Android Studio
    flutter环境搭建,flutter,android,android studio,前端框架

  7. 我们继续执行flutter doctor,出现cmdline-tools component is missing这样的报错,所以需要在Android Studio中下载最新的SDK Tools
    flutter环境搭建,flutter,android,android studio,前端框架

  8. Android Studio中下载最新的SDK Tools
    flutter环境搭建,flutter,android,android studio,前端框架
    flutter环境搭建,flutter,android,android studio,前端框架

  9. 继续执行flutter doctor,出现Some Android licenses not accepted. 按照运行flutter doctor --android-licenses,一直选择Y直至完成。flutter环境搭建,flutter,android,android studio,前端框架
    接下来,我们就可以启动flutter项目了

五、启动flutter项目

  1. 选择新建一个flutter项目

  2. 选择Flutter SDK安装位置(第三步骤)
    flutter环境搭建,flutter,android,android studio,前端框架

  3. 输入项目名称和选择创建位置(最好不要出现中文,否则在启动项目的时候可能出错),然后点击creat
    flutter环境搭建,flutter,android,android studio,前端框架

  4. 创建成功后会自动打开main.dart文件,此时说明flutter项目创建成功了。flutter环境搭建,flutter,android,android studio,前端框架flutter环境搭建,flutter,android,android studio,前端框架

  5. 开启虚拟机并启动项目
    flutter环境搭建,flutter,android,android studio,前端框架flutter环境搭建,flutter,android,android studio,前端框架
    flutter环境搭建,flutter,android,android studio,前端框架
    flutter环境搭建,flutter,android,android studio,前端框架
    flutter环境搭建,flutter,android,android studio,前端框架

  6. 可能启动的非常慢,可以修改镜像源解决这个问题
    (1)在项目中更改build.gradle中的镜像
    flutter环境搭建,flutter,android,android studio,前端框架
    (2)同时也要在Flutter SDK中更换这两个文件的镜像
    flutter环境搭建,flutter,android,android studio,前端框架
    flutter环境搭建,flutter,android,android studio,前端框架
    flutter环境搭建,flutter,android,android studio,前端框架

  7. 最后重新启动一下项目就可以看到flutter自带的例子,点击加号可以增加数值。flutter环境搭建,flutter,android,android studio,前端框架

到此,一个flutter项目就跑起来了!你的成功了吗?文章来源地址https://www.toymoban.com/news/detail-678586.html

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

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

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

相关文章

  • 如何搭建flutter开发环境

    学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。 操作系统:windows7以上64位操作系统 git环境:flutter需要git环境的支持 因为Flutter是基于Android的,所以要安装Java环境 Java环境下载地址:https://www.oracle.com/java/technol

    2024年02月11日
    浏览(40)
  • 移动应用开发环境搭建Android Studio

    记得提前开启电脑虚拟化支持,具体方法可自行百度 查看是否启用虚拟化 JDK安装与卸载 由于Andriod开发使用的语言是javaKotlin,这里使用的是java语言所以需要先安装java的开发环境 所有开发 Android 应用程序需要的工具都是开源的,并且可以从互联网上下载 Android Studio 是谷歌推

    2023年04月08日
    浏览(71)
  • Android开发-Android开发环境搭建(Android Studio详细安装教程,适合新手)

    01 Android开发工具 Android Studio Android Studio是谷歌推出的一个Android集成开发工具, 基于 IntelliJ IDEA .类似Eclipse ADT, Android Studio提供了集成的Android开发工具用于开发和调试 架构组成 。基于Gradle的构建支持 。Android专属的重构和快速修复 。提示工具以捕获性能、可用性、版本兼容性

    2024年02月09日
    浏览(46)
  • Android开发-Mac Android开发环境搭建(Android Studio Mac环境详细安装教程,适合新手)...

    1.进入Android Studio官网 https://developer.android.google.cn/studio 2.点击下载Android Studio.  3.将说明拉到最下方,选择Mac With Apple Chip.苹果芯片选择Apple Chip,如果是Intel芯片可以选择Intel.  4.下载完成后,双击进入Android Studio.  点击打开.  5.如果是第一次安装,则直接选择不要导入设置.点击ok

    2024年02月04日
    浏览(43)
  • Android Studio开发环境搭建及设置本地Gradle方法

    Android Studio开发环境搭建及设置本地Gradle方法 在Android应用程序开发中,Android Studio是一款非常受欢迎的集成开发环境(IDE)。本文将详细介绍如何搭建Android Studio开发环境,并设置本地Gradle方法。同时,我们也会提供相应的源代码示例。 下载和安装Android Studio 首先,我们需要

    2024年01月19日
    浏览(53)
  • Android Studio开发环境搭建及本地Gradle设置方法

    Android Studio开发环境搭建及本地Gradle设置方法 在进行Android应用程序开发时,Android Studio是一款非常强大的集成开发环境(IDE)。它提供了丰富的工具和功能,帮助开发者轻松创建、测试和调试Android应用程序。本文将详细介绍如何搭建Android Studio开发环境,并配置本地Gradle设置

    2024年02月07日
    浏览(53)
  • 基于Android Studio的小米便签App开发环境搭建心得体会

    因为在本学期的另一门课程《移动应用开发》中也要使用Android Studio来作为开发环境。所以一开始我们选的就是小米便签这个项目。但在亲手搭建环境的过程中,我还是发现并没有我们设想的那么简单:我起初使用的是较老版本的Android Studio软件。虽然也能正常的使用并搭建环

    2024年04月28日
    浏览(48)
  • Android:手把手带你入门跨平台UI开发框架Flutter,渣本Android开发小伙如何一步步成为架构师

    3.1 框架结构 Flutter框架主要分为两层:FrameWork层、Engine层,如下图所示: 说明:开发时,主要基于Framework层;运行时,则是运行在 Engine上。每层的具体介绍如下: 3.2 原理概述 开发时,主要基于Framework层;运行时,则是运行在 Engine上 Engine是Flutter的独立虚拟机,由它适配 提

    2024年04月16日
    浏览(71)
  • Android studio Flutter环境配置

    流程如下 1.前往下载网站下载所需的sdk flutter sdk下载地址 2.配置环境变量步骤 2.1:可以在用户变量中添加变量(有些时候我没有配置这两条变量也没问题) 2.2在用户环境变量的Path中添加flutter bin路径 3.cmd打开命令窗,运行flutter doctor 可查看flutter sdk 信息,可以看到配置到环境

    2024年02月17日
    浏览(48)
  • Flutter 开发者工具 Android Studio 开发Flutter应用

    Flutter 开发者工具 在 Android Studio 开发Flutter应用 🔥 Android Studio 版本更新 🔥 Android Studio Check for Update Connection failed ​ 解决方案 ​    ​  🔥 编辑代码,和查看问题 🔥  Dart 插件 可以做到如下几点 :  语法高亮显示。 基于多种类型分析的代码补全。 定位到类型的声明(

    2024年02月15日
    浏览(118)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包