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

目录

一、前言

二、介绍

三、安装

[(一)、安装Flutter SDK](#(一)、安装Flutter SDK)

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

2)双击此文件:​编辑

3)此过程问题:

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

[在 windows输入框中输入 env 找到编辑系统环境变量](#在 windows输入框中输入 env 找到编辑系统环境变量)

[(三)、安装 Android Studio](#(三)、安装 Android Studio)

1)问题

​编辑

2)双击打开

3)初次使用​编辑

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

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

[2)复制该路径,再次打开 编辑环境变量,添加如下变量值:​编辑 再双击打开 Path ,添加下面两个​编辑](#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,到这里所有的就完了!!!

相关推荐
雨白1 小时前
Jetpack系列(二):Lifecycle与LiveData结合,打造响应式UI
android·android jetpack
kk爱闹3 小时前
【挑战14天学完python和pytorch】- day01
android·pytorch·python
每次的天空5 小时前
Android-自定义View的实战学习总结
android·学习·kotlin·音视频
恋猫de小郭5 小时前
Flutter Widget Preview 功能已合并到 master,提前在体验毛坯的预览支持
android·flutter·ios
断剑重铸之日6 小时前
Android自定义相机开发(类似OCR扫描相机)
android
随心最为安6 小时前
Android Library Maven 发布完整流程指南
android
岁月玲珑6 小时前
【使用Android Studio调试手机app时候手机老掉线问题】
android·ide·android studio
还鮟10 小时前
CTF Web的数组巧用
android
小蜜蜂嗡嗡12 小时前
Android Studio flutter项目运行、打包时间太长
android·flutter·android studio
aqi0012 小时前
FFmpeg开发笔记(七十一)使用国产的QPlayer2实现双播放器观看视频
android·ffmpeg·音视频·流媒体