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

Android Flutter开发环境搭建

androidflutterandroidstudio 2023-09-17 21:09:48 774人浏览 泡泡鱼
摘要

1、搭建 Flutter 开发环境 本栏亦在快速上手Android Flutter,Flutter框架就不介绍了,框架这个东西怎么说呢,对于大部分人来说只是了解即可,如需了解的话,可以度娘资料很多。

1、搭建 Flutter 开发环境

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

1.1 系统要求

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

操作系统: windows 7 或更高版本 (64-bit)。

磁盘空间: 400 MB (不包括Android Studio的磁盘空间)。

工具: Flutter 依赖下面这些命令行工具。

git for Windows (opens new window) (Git命令行工具);

如果已安装Git for Windows,请确保可以在命令提示符或Powershell中运行 git 命令。

1.2安装准备

1.2.1 使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量添加到到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=Https://storage.flutter-io.cn

注意: 如该镜像不可用,可以参考https://flutter.dev/commUnity/china 以获得有关镜像服务器的最新动态。

1.2.2 下载cmdline-tools

Android SDK Manager中SDK Tools勾选Android SDK Command-line Tools 安装即可。

在这里插入图片描述

1.3 获取Flutter SDK

  1. 去flutter官网下载其最新可用的安装包,下载地址:https://flutter.dev/docs/development/tools/sdk/releases 。
    如果上面链接无法打开,可以去Flutter GitHub项目下去下载安装包,地址:https://github.com/flutter/flutter/releases 。

  2. 下载的安装包解压到对应目录即可,尽量不解压到权限较高的目录比如:C:\Program Files\。

  3. 在Flutter安装目录下找到flutter_console.bat,双击运行并启动,接下来,你就可以在命令行运行flutter命令了。
    或者在系统环境变量Path中添加安装目录\flutter\bin,笔者建议直接添加系统环境变量,毕竟后面使用方便。

  4. 配置Android sdk 目录

    flutter config --android-sdk /path/to/android/sdk

      其中 /path/to/android/sdk 是你自己的sdk路径,如我的是 D:Android\Sdk

  1. flutter doctor命令
    在Flutter命令行运行如下命令来查看是否还需要安装其他依赖,如果需要,安装它们:
    flutter doctor

      该命令检查你的环境并在命令行窗口中显示报告。dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

例如:

   [-] Android toolchain - develop for Android devices       • Android SDK at D:\Android\sdk       ✗ Android SDK is missing command line tools; download from https://Goo.gl/XxQghQ       • Try re-installing or updating your Android SDK,         visit https://flutter.dev/setup/#android-setup for detailed instructions.

这里就是command line未安装,可按照上面给出的方式安装,然后再次执行flutter doctor再次查看是否还有异常。

  1. 安装Android license
    flutter doctor --android-licenses

      第一次安装需要执行安装Android license,执行后按照提示输入y即可。

1.4 升级 Flutter

1.4.1 Flutter SDK分支

Flutter SDK有多个分支,如beta、dev、master、stable,其中stable分支为稳定分支(日后有新的稳定版本发布后可能也会有新的稳定分支,如1.0.0),dev和master为开发分支,安装flutter后,你可以运行flutter channel查看所有分支,如我本地运行后,结果如下:

    Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!    Flutter channels:    master    main    beta    * stable

带"*"号的分支即你本地的Flutter SDK 跟踪的分支,要切换分支,可以使用flutter channel beta 或 flutter channel master,Flutter官方建议跟踪稳定分支,但你也可以跟踪master分支,这样可以查看最新的变化,但这样稳定性要低得多。

1.4.2 升级Flutter SDK和依赖包

升级flutter sdk,只需一句命令:

    flutter upgrade

该命令会同时更新Flutter SDK和你的flutter项目依赖包。如果你只想更新项目依赖包(不包括Flutter SDK),可以使用如下命令:

    flutter packages get 获取项目所有的依赖包。    flutter packages upgrade 获取项目所有依赖包的最新版本

1.5 IDE配置与使用

Flutter官方建议Android使用Android Studio以获得更好的开发体验,而且Android Studio也是Android 标配的开发工具。Flutter官方提供了两款编辑器插件,通过IDE和插件可获得代码补全、语法高亮、widget编辑辅助、运行和调试支持等功能,可以帮助我们极大地提高开发效率。
下面我们就介绍一下Android Studio上的使用(Android Studio下载安装这里就不再赘述)。

1.5.1 安装Flutter和Dart插件

需要安装两个插件:

 Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。 Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。

安装步骤:

启动Android Studio。
打开插件首选项 (File>Settings>Plugins)。
选择搜索Dart和Flutter并点击 install。
重启Android Studio后插件生效。

在这里插入图片描述
在这里插入图片描述

1.5.2 创建Flutter应用

选择 File>New Flutter Project 。
选择 Application 作为 project 类型。
输入项目名称 (如 fluttertest),项目名称必须全小写(真坑)。
输入包名,包名不需要带项目名称,会自动加上,这一点需要注意下。
点击Create。

在这里插入图片描述

等待Android Studio安装SDK并创建项目。
上述操作创建一个Flutter项目,项目名为fluttertest。

在项目目录中,您应用程序的UI代码位于 lib/main.dart。

1.5.3 运行应用程序

定位到Android Studio工具栏,如下图所示:

在这里插入图片描述

在 Flutter Device Selection中, 选择一个运行该应用的Android设备。我这里选择的是V2046A我的手机。有Android 开发经验的应该都懂,我这里罗嗦了。

在工具栏中点击 Run图标。

如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:
在这里插入图片描述

1.5.4 热重载

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮(⚡️)),你就会在你的设备或模拟器上看到更改。

打开lib/main.dart文件

字符串 ‘You have pushed the button this many times:’ 更改为 ‘You have click the button this many times:’

不要按“停止”按钮; 让您的应用继续运行.

要查更改,请调用 Save ( ctrl-s),或者点击 热重载按钮 (带有闪电⚡️图标的按钮)。

你会立即在运行的应用程序中看到更新的字符串。
在这里插入图片描述

来源地址:https://blog.csdn.net/ZLGSPACE/article/details/131027752

--结束END--

本文标题: Android Flutter开发环境搭建

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

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

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

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

下载Word文档
猜你喜欢
  • Android Flutter开发环境搭建
    1、搭建 Flutter 开发环境 本栏亦在快速上手Android Flutter,Flutter框架就不介绍了,框架这个东西怎么说呢,对于大部分人来说只是了解即可,如需了解的话,可以度娘资料很多。 ...
    99+
    2023-09-17
    android flutter android studio
  • Android 开发环境搭建
    现在主流的Android开发环境有: ①Eclipse + ADT + SDK ②Android Studio + SDK ③IntelliJ IDEA + SDK 现在国内大部分开发人员还是使用的Eclipse,而谷歌宣布不再更新AD...
    99+
    2023-09-10
    android android studio java
  • Windows下搭建Flutter开发环境
    前言 从来没接触过flutter,我将在这里记录下我的flutter学习踩坑历程。 安装 就从安装开始叭,官网链接在此。先遵照官网教程来叭。 系统要求 文档记录了系统要求: ...
    99+
    2024-04-02
  • 如何搭建flutter开发环境
    学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。 一、系统基本要求 操作系统:windows7以上64位操作系统 git环...
    99+
    2023-09-05
    flutter android android studio 前端框架
  • IDEA 搭建Android 开发环境
    项目实战 废话不多说开始创建先第一个 Android 项目 步骤一 FILE → New → Project 步骤二-选择 Android 项目模板 选那个安卓机器...
    99+
    2023-08-31
    intellij-idea android java
  • Android 1.2 开发环境搭建
    目录   1.2 开发环境搭建   1.JDK安装与配置 2.开发工具二选一 3.相关术语的解析 4.ADB命令行的一些指令 5.APP程序打包与安装的流程: 6.APP的安装过程: 7.本节小结   1.2 开发环境搭建   现在主...
    99+
    2023-09-05
    android-studio
  • Windows下如何搭建Flutter开发环境
    这篇文章主要介绍Windows下如何搭建Flutter开发环境,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!系统要求文档记录了系统要求:操作系统 Windows 7 SP1 or later (64-bit), x8...
    99+
    2023-06-21
  • 怎么搭建android开发环境
    要搭建Android开发环境,需要以下步骤:1. 安装Java Development Kit (JDK)Android开发需要使用...
    99+
    2023-08-24
    android
  • Android开发环境怎么搭建
    要搭建Android开发环境,您需要按照以下步骤进行操作:1. 安装Java Development Kit (JDK):Andro...
    99+
    2023-08-17
    Android
  • 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
  • Android应用开发(1)Android Studio开发环境搭建
    Android应用开发学习笔记——目录索引 本章介绍搭建Android Studio应用开发环境,创建并编译App工程,运行和调试App。 一、搭建AndroidStudio开发环境 1.下载AndroidStudio 谷歌开发...
    99+
    2023-09-17
    android Powered by 金山文档
  • 如何搭建Android Studio开发环境
    这篇文章将为大家详细讲解有关如何搭建Android Studio开发环境,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、安装Android Studio笔者用的计算机配置如下:Mac下安装Android...
    99+
    2023-05-30
    android studio
  • Android Studio 开发环境搭建 & 配置
    前言 上一次做 Android 开发还是在大三的 Android 课设项目上「 IPOD - 本地音乐播放器」 开发环境:JDK开发语言:Java开发工具:Android Studio 现在...
    99+
    2023-09-26
    android studio android ide
  • Android Studio离线开发环境搭建
    引言:                 因为安卓开发,搭建开发环境需要连接网络,访问外网,有时候下载速度非常慢,特别是在网络差的环境下,工程有可能搭建失败,所以,有必要学习一下如何搭建离线的开发环境。 安装Android Studio以及s...
    99+
    2023-09-02
    android studio android gradle
  • android开发环境和正式环境怎么搭建
    要搭建Android开发环境和正式环境,你需要遵循以下步骤:1. 安装Java开发工具包(JDK):Android开发需要使用Java编程语言,所以需要先安装Java开发工具包。你可以从Oracle官网下载最新版本的JDK并按照安装指南...
    99+
    2023-08-11
    android
  • MacOS搭建Flutter 环境
    流程 第一步:官网下载对应版本的flutter SDK MacOS有两个版本:x64和 arm64 查看命令:uname -a 官网链接:Flutter SDK archive | Flutter 下载成功后会自动解压,把Flutt...
    99+
    2023-09-14
    macos flutter
  • linux下android开发环境如何搭建
    在Linux下搭建Android开发环境需要进行以下步骤:1. 安装Java开发环境:Android开发需要使用Java开发环境,可...
    99+
    2023-08-24
    linux android
  • Linux下如何搭建Android开发环境
    Linux下如何搭建Android开发环境,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。下面将和大家分享一下如何在Deepin Linux下简单搭建Androi...
    99+
    2023-06-28
  • eclipse中android开发环境怎么搭建
    在Eclipse中搭建Android开发环境需要进行以下步骤:1. 安装Java Development Kit(JDK):确保电脑...
    99+
    2023-09-21
    eclipse android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作