Flutter、Android Studio 安装详细步骤以及常错解决

目录

一、前言

二、介绍

三、安装

(一)、安装Flutter SDK

1)双击文件夹,打开之后就是这样:​编辑

 2)双击此文件:​编辑

3)此过程问题:

(二)、配置 Flutter SDK 环境变量

在 windows输入框中输入 env 找到编辑系统环境变量

(三)、安装 Android Studio

1)问题

​编辑

 2)双击打开

3)初次使用​编辑 

 (四)、配置Android SDK的环境变量

1) 找到你所下载他的位置,打开目录。里面应该是这样的​编辑

2)复制该路径,再次打开 编辑环境变量,添加如下变量值:​编辑 再双击打开 Path ,添加下面两个​编辑

3)问题解决

 四、实现虚拟设备

 (一)、点击​编辑

(二)、选择操作系统,下载:​编辑

(三)、选择加速,一定要选择这个​编辑

(四)、运行项目


一、前言

我出这个教程,是因为我在安装过程遇到许多问题,耗费了很多时间,为了帮助初次安装 flutter 的小伙伴能够更顺利。当然学者方面也是需要一点Java基础的,所以本教程基于你的电脑成功安装jdk,并环境变量配置无问题。

二、介绍

Flutter 为软件开发行业带来了革新:只要一套代码库,即可构建、测试和发布适用于移动、Web、桌面和嵌入式平台的精美应用。

Flutter官网:Flutter: 为所有屏幕创造精彩 - Flutter 中文开发者网站 - Flutter

从上面可以看出,学习 Flutter 已是重中之重的事情!!!

下面就说一下使用 Flutter 所需要安装的东西以及初次使用,本教程基于最新版的安装(当然每个版本相差不大)

三、安装

(一)、安装Flutter SDK

安装压缩包:(点击即可下载)flutter_windows_3.10.6-stable.zip

也可以到官网下载其它版本:Flutter SDK 归档版本列表

下载完,就是一个压缩包,解压后就是这样的一个文件夹

 在这里说一点:(放哪里都影响不大)

如果你 C盘 空间大,就放 C盘;

C盘 空间不足,就放其它盘。

注意你所放的路径不能带空格

1)双击文件夹,打开之后就是这样:

 2)双击此文件:

 会打开命令窗口,在命令窗口中输入 :

flutter --version

会看到 3.10.6 的版本,说明安装没有问题。

3)此过程问题:

1、输入命令运行后,可能出现一些小的报红,这个不用在乎,因为其它东西还没有配置,咱们先慢慢解决。但是一般不过怎么样,网速慢等等,最后都会出现像我那样版本号。

2、出现一些防火墙,直接点击允许访问。

(二)、配置 Flutter SDK 环境变量

在 windows输入框中输入 env 找到编辑系统环境变量

点击打开。当然从其他路径进入也是可以,这里不再说明。

打开之后,会看到两个区域:

一个是你的用户变量,一个是系统变量,在哪个区域配置都无所谓。

用户变量与系统变量区别在于:

用户变量是你当前电脑账户所配置的,如果换一个用户,就无法使用,会变成另一个用户所配置的内容。而系统变量是电脑系统所配置的,供所有用户使用的环境变量。

2)添加 Path 变量值

找到你所下载的 Flutter,打开到 bin 的目录,然后复制路径:

 在编辑环境变量的两个区域中选一个,找到里面的 Path 变量,如果没有,就新建一个。双击打开

之后又出现一个框,在右侧选择新建,将刚刚复制的路径粘贴进去,将所有框依次点击确定

(注意!!!:标红的都是重要点)

接下来你如果在 CMD 窗口中数入 flutter doctor 会有以下报错:

第一个报错:找不到 android sdk 是因为咱们还没有下载及配置,接下来安装 Android Studio 就会安装 Android SDK,再配置相应环境。

第二个是因为:没有配置镜像,因为在中国,chrome访问是禁用的。配置镜像,就可以访问中国服务社区了。

那么需要添加下面两个配置

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

 这是中国维护Flutter的官方社区提供的,也可以从网上找其他的。

 好了,到这里 Flutter 基本上就安装好了。接下来安装 Android Studio

(三)、安装 Android Studio

 直接点击下载:android-studio-2022.2.1.20-windows.exe

官网下载:Download Android Studio

1)问题

打开连接之可能会出现下面情况,我的就是,不用担心,这是没有安全证书的问题,直接点击高级,继续前往。

 2)双击打开

下载完之后,就是这样一个 exe 文件,双击打开

 不重要步骤,不需要改动,我这里不说,就是默认 next

安装路径:(可以更改位置,当然磁盘要有足够空间)

 设置快捷键名称(默认的最后好,勾上框就是不要快捷键)

 接下来安装,下一步,finish

启动之后:会看到这样

直接默认 OK ,不导入设置。

再接着:(就照我图片做就行了,版本不同,界面不同,但是内容差别不大) 不用配置代理(想配就配,正常情况下,都可以下载 SDK的)

 

 完了之后就是这样一个页面:

安装 flutter 以及Dart 插件 

3)初次使用 

这与 idea 软件的使用方法就相同了。这里就不再演示了。

 创建完之后就是这样一个文件夹。那么这里是没法直接运行的。需要以下步骤:

定位到 android ,OK,重新打开此窗口。 

 第一次打开需要很长时间,需要下载下面这个东西(如果下载失败了,再次点击):

 这个可能需要花费很长时间,这是我的花费时长:(1 h 多)

 (四)、配置Android SDK的环境变量

1) 找到你所下载他的位置,打开目录。里面应该是这样的

2)复制该路径,再次打开 编辑环境变量,添加如下变量值: 再双击打开 Path ,添加下面两个

3)问题解决

再次打开命令行窗口 运行 flutter doctor,看是否有报错

如果报错:Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to
resolve this.

 执行以下步骤:

下载完成后,finish就可以了。

再次运行,就会看到这样: 全部为对号。

 四、实现虚拟设备

 (一)、点击

选择设备: 一般选择 nexu6

(二)、选择操作系统,下载:

(三)、选择加速,一定要选择这个

(四)、运行项目

 先选择下载的机型,再运行项目,之后就会看到这样的:

OK,到这里所有的就完了!!! 

  • 15
    点赞
  • 42
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 要在Android Studio安装Flutter,请按照以下步骤操作: 1. 下载并安装Android Studio。 2. 打开Android Studio,选择“Configure”菜单,然后选择“Plugins”。 3. 在“Plugins”窗口中,搜索“Flutter”插件并安装它。 4. 安装完成后,重新启动Android Studio。 5. 在Android Studio中创建一个新项目,选择“Flutter”作为项目类型。 6. 安装Flutter SDK。可以通过以下方式安装: a. 下载Flutter SDK并解压缩到本地文件夹中。 b. 在Android Studio中打开“Preferences”窗口,选择“Languages & Frameworks” > “Flutter”。 c. 在“Flutter SDK path”字段中输入Flutter SDK的路径。 7. 现在,您可以开始使用Flutter开发应用程序了。 ### 回答2: Flutter是一个跨平台移动开发框架,它目前在移动开发领域越来越受欢迎。在安装Flutter之前,你需要安装Android StudioFlutter插件。 1. 安装Android Studio 首先,你需要在官网下载最新版本的Android Studio。在安装时可选择安装Android SDK(用于开发Android应用程序)。 安装完成后启动Android Studio并创建一个新的空白项目,然后检查是否成功安装Android SDK。 2. 安装Flutter插件 打开Android Studio并进入“Plugin”选项,搜索“Flutter”并安装安装完成后,在Android Studio中重新启动即可。 3. 验证Flutter安装 打开命令行窗口并输入以下命令: flutter doctor 这个命令会检查Flutter环境并列出任何它发现的问题。如果一切正常,你会看到一个类似下面的输出: Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.14.1 18B75, locale en-US) [✓] Android toolchain - develop for Android devices (Android SDK 28.0.3) [✓] iOS toolchain - develop for iOS devices (Xcode 10.1) [✓] Android Studio (version 3.2) [✓] Connected device (1 available) 注意:在使用Flutter之前,你需要安装一个模拟器或连接真实设备。 现在你已成功安装Flutter并可以开始创建自己的跨平台移动应用程序! ### 回答3: Android Studio是一个主要面向Android开发的IDE。而Flutter是一个开源的移动应用开发框架,能够快速地构建高质量、完美体验的移动应用。在Android Studio安装Flutter,将可以更加顺畅地进行Flutter开发。 要想在Android Studio安装Flutter,需要以下的步骤: 第一步:安装Flutter SDK Flutter SDK是Flutter最基本的开发环境之一,需要下载Flutter SDK并解压到本地。下载地址为:https://flutter.dev/docs/get-started/install/windows。注意:在下载Flutter SDK前,需要保证本机安装了Git,以便于使用Flutter的命令行工具。 第二步:配置Flutter环境变量 在Flutter SDK解压后,需要将Flutter的路径添加至系统的环境变量中,以便Android Studio能够正常调用Flutter SDK。在Windows的环境变量中添加一行,将Flutter SDK的路径加入到系统的Path中。 第三步:在Android Studio安装Flutter插件 在完成Flutter SDK的下载及环境变量配置后,需要在Android Studio安装Flutter插件。首先在Android Studio中打开“settings”,进入“Plugins”页面,搜索Flutter插件并安装。 第四步:在Android Studio中配置Flutter SDK路径 在安装Flutter插件后,需要在Android Studio中配置Flutter SDK的路径。在Android Studio中选择File->Settings,找到“Languages & Frameworks”选项下的Flutter,将下载并解压的Flutter SDK路径加入即可。 至此,安装Flutter的环境已经配置完成。在实际的开发过程中,可以在Android Studio中使用Flutter提供的模版来快速地创建应用程序,同时也可以在Flutter中使用Android Studio的各种调试和工具的支持,以便于快速、高效地进行Flutter应用开发。 总之,安装Flutter环境比较简单,只需按照以上步骤进行操作即可完成。安装过程需要的时间不长,只需耐心跟进即可。而且,安装完环境后,就可以享受到Flutter带来的便捷、高效和稳定性。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值