iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >如何搭建flutter开发环境
  • 311
分享到

如何搭建flutter开发环境

flutterandroidandroidstudio前端框架 2023-09-05 15:09:33 311人浏览 安东尼
摘要

学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。 一、系统基本要求 操作系统:windows7以上64位操作系统 git环

学习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项目就跑起来了!你的成功了吗?

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

--结束END--

本文标题: 如何搭建flutter开发环境

本文链接: https://www.lsjlt.com/news/395576.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何搭建flutter开发环境
    学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。 一、系统基本要求 操作系统:windows7以上64位操作系统 git环...
    99+
    2023-09-05
    flutter android android studio 前端框架
  • Windows下如何搭建Flutter开发环境
    这篇文章主要介绍Windows下如何搭建Flutter开发环境,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!系统要求文档记录了系统要求:操作系统 Windows 7 SP1 or later (64-bit), x8...
    99+
    2023-06-21
  • Android Flutter开发环境搭建
    1、搭建 Flutter 开发环境 本栏亦在快速上手Android Flutter,Flutter框架就不介绍了,框架这个东西怎么说呢,对于大部分人来说只是了解即可,如需了解的话,可以度娘资料很多。 ...
    99+
    2023-09-17
    android flutter android studio
  • Windows下搭建Flutter开发环境
    前言 从来没接触过flutter,我将在这里记录下我的flutter学习踩坑历程。 安装 就从安装开始叭,官网链接在此。先遵照官网教程来叭。 系统要求 文档记录了系统要求: ...
    99+
    2024-04-02
  • flutter 环境搭建
    一、简介 Flutter 是谷歌开发的一款开源、免费的,基于 Dart 语言的U1框架,可以快速在i0S和Android上构建高质量的原生应用。 它最大的特点就是跨平台和高性能。Dart是由谷歌,在2011 年开发的计算机编程语言,它可以被...
    99+
    2023-08-16
    flutter ios react native
  • 【Flutter】macOS从零开始使用FVM搭建Flutter开发环境
    前言 本文为个人记录macOS系统使用fvm从零开始搭建flutter开发环境到项目运行的过程,非教程性质,仅供参考,如有疑问或建议,欢迎大家在评论区留言 附上开发设备配置 一、安装vscode 以vscode为编码工具 下载地址:Do...
    99+
    2023-09-02
    macos flutter xcode vscode android studio
  • 如何搭建vue.js开发环境
    这篇文章将为大家详细讲解有关如何搭建vue.js开发环境,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。vue.js开发环境搭建教程分享,具体内容如下1、安装node.js...
    99+
    2024-04-02
  • 如何搭建C++开发环境
    本篇内容主要讲解“如何搭建C++开发环境”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何搭建C++开发环境”吧!1.我们先来看看内联函数给我们带来的好处:从一个用户的角度来看,内联函数看起来和...
    99+
    2023-06-17
  • 如何搭建Scala开发环境
    这篇文章主要介绍了如何搭建Scala开发环境,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Scala基于Java平台,所以Scala开发环境很容易搭建。看了下面的介绍,你会对...
    99+
    2023-06-17
  • 如何搭建Java开发环境
    这篇“如何搭建Java开发环境”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“如何搭建Java开发环境”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。...
    99+
    2023-06-26
  • Jspxcms开发环境如何搭建
    本文小编为大家详细介绍“Jspxcms开发环境如何搭建”,内容详细,步骤清晰,细节处理妥当,希望这篇“Jspxcms开发环境如何搭建”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。Jspxcms开发环境使用ecli...
    99+
    2023-06-26
  • git开发环境如何搭建
    这篇文章主要介绍“git开发环境如何搭建”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“git开发环境如何搭建”文章能帮助大家解决问题。一、安装 GitGit 的安装方式有多种,下面介绍两种常用的方式...
    99+
    2023-07-05
  • Angular如何搭建开发环境
    这篇文章给大家分享的是有关Angular如何搭建开发环境的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Angular 是一款开源 JavaScript 框架,由Google 维护...
    99+
    2024-04-02
  • golang如何开发环境搭建
    搭建步骤:1、在Golang官方网站上下载适合操作系统的安装包;2、按照官方文档或安装指南的说明,执行安装程序进行安装;3、将Golang的安装路径添加到系统的PATH环境变量中;4、在计算机上创建一个用于存放Golang项目的工作目录;5...
    99+
    2023-12-15
    Golang 环境搭建
  • php开发环境如何搭建
    要搭建PHP开发环境,您需要按照以下步骤进行操作: 安装Web服务器:您可以选择Apache、Nginx等常见的Web服务器。根据...
    99+
    2023-10-25
    php
  • JBPM开发环境如何搭建
    要搭建JBPM的开发环境,需要以下几个步骤:1. 安装Java JDK:首先要确保机器上已安装Java JDK,并设置好JAVA_H...
    99+
    2023-09-11
    JBPM
  • Python开发环境如何搭建
    小编给大家分享一下Python开发环境如何搭建,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、Python解释器 安装Windows平台下载地址 https:/...
    99+
    2023-06-15
  • linux开发环境如何搭建
    要搭建Linux开发环境,可以按照以下步骤进行:1. 选择Linux发行版:根据自己的需求和偏好,选择适合的Linux发行版,如Ub...
    99+
    2023-08-17
    linux
  • MacOS搭建Flutter 环境
    流程 第一步:官网下载对应版本的flutter SDK MacOS有两个版本:x64和 arm64 查看命令:uname -a 官网链接:Flutter SDK archive | Flutter 下载成功后会自动解压,把Flutt...
    99+
    2023-09-14
    macos flutter
  • 如何搭建React Native开发环境
    这篇文章主要为大家展示了“如何搭建React Native开发环境”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何搭建React Native开发环境”这篇文...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作