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

news2024/11/25 4:33:06

目录

一、前言

二、介绍

三、安装

(一)、安装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,到这里所有的就完了!!! 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/778908.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

概率论和随机过程的学习和整理--番外16,N合1的合成问题的求平均个数,次数,阶数

目录 1 问题 2 用条件期望,求合成的次数 2.1 思路1 2.2 思路2 3 用条件期望,求合成的个数 3.1 令X表示用材料1往上合成时,合成材料2的个数 3.2 令Y表示用材料1往上合成时,合成材料3的个数 4 用条件期望,求合成…

【100天精通python】Day10:函数的创建和调用,参数传递,返回值,变量作用域以及匿名函数

目录 1. 函数的创建和调用 1.1 函数的创建 1.2 调用函数 2 参数传递 2.1 传递方式 2.2 形参和实参 2.3 位置参数 2.4 关键字参数 2.5 可变参数 2.6 为参数设置默认值 3 返回值 4 变量的作用域 4.1 局部变量 4.2 嵌套变量 4.3 全局变量 5 匿名函数&#xff0…

WAF/Web应用安全(拦截恶意非法请求)

Web 应用防火墙(Web Application Firewall, WAF)通过对 HTTP(S) 请求进行检测,识别并阻断 SQL 注入、跨站脚本攻击、跨站请求伪造等攻击,保护 Web 服务安全稳定。 Web 安全是所有互联网应用必须具备的功能&#xff0c…

OpenCV for Python 实战(一):获取图片拍摄GPS地址并自动添加水印

Hello 我们在OpenCV每天的基础博客当中已经更新了很多了,那么今天我们就来结合前几天的内容。做一个获取属性然后添加对应属性的水印。那让我们赶快开始吧~ 文章目录 图片EXIFPython 获取EXIFexifread库使用方法转换成文字地址 添加水印cv2.putText() 每日总结 图片…

数据可视化——绘制带有时间线的柱状图

文章目录 前言如何绘制柱状图添加时间线根据提供的数据绘制动态柱状图读取并删除无用数据将数据转换为字典创建柱状图并添加到时间线中配置选项并生成带有数据的折线图 前言 我们已经学习了使用 pyecharts 包中的模块和相应的方法绘制了折线图和地图,那么今天我将为…

Visual Studio Code安装详细教程

win电脑可以打开该网址 vs官方下载网站 点击这里免费下载 下载下来是一个安装程序,直接以管理员身份运行即可 我同意安装,然后选择D盘的一个空间进行安装 然后点击下一步 安装如图所示勾选,点击下一步 点击安装 等待安装完成即可 打开…

原神盲盒风格:AI绘画Stable Diffusion原神人物公仔实操:核心tag+lora模型汇总

本教程收集于:AIGC从入门到精通教程汇总 在这篇文章中,我们将深入探讨原神盲盒的艺术风格,以及如何运用AI绘画技术(Stable Diffusion)——来创造原神角色公仔。我们将通过实践操作让读者更好地理解这种技术&#xff0…

Vue中TodoLists案例_底部交互

与上一篇Vue中TodoList案例_底部统计有俩个文件变化了 App.vue&#xff1a;定义了一个方法checkAllTodo&#xff0c;实现全选和取消全选&#xff0c;并将方法传给儿子组件MyFooter <template><div id"root"><div class"todo-container">…

数学建模学习(4):TOPSIS 综合评价模型及编程实战

一、数据总览 需求&#xff1a;我们需要对各个银行进行评价&#xff0c;A-G为银行的各个指标&#xff0c;下面是银行的数据&#xff1a; 二、代码逐行实现 清空代码和变量的指令 clear;clc; 层次分析法 每一行代表一个对象的指标评分 p [8,7,6,8;7,8,8,7];%每一行代表一个…

JDK、JRE、JVM三者之间的关系

总结 JDK包含JRE&#xff0c;JRE包含JVM。 JDK (Java Development Kit)----Java开发工具包&#xff0c;用于Java程序的开发。 JRE (Java Runtime Environment)----Java运行时环境&#xff0c;只能运行.class文件&#xff0c;不能编译。 JVM (Java Virtual Machine)----Java虚拟…

解决 前端显示后端返回的null值为 1的问题

一 、问题描述 一个产品信息&#xff0c;有一个输入框的数据是后端返回回显出来的 但是后端返回这个字段时候&#xff0c;这个字段为空值&#xff0c;在后端就根本在data中没有返回这个字段任何信息 如返回的data {name : 123,age: 18} 因为age 为空&#xff0c;实际后端返回…

云原生|kubernetes|kubernetes集群部署神器kubekey安装部署高可用k8s集群(半离线形式)

前言&#xff1a; 云原生|kubernetes|kubernetes集群部署神器kubekey的初步使用&#xff08;centos7下的kubekey使用&#xff09;_晚风_END的博客-CSDN博客 前面利用kubekey部署了一个简单的非高可用&#xff0c;etcd单实例的kubernetes集群&#xff0c;经过研究&#xff0c;…

pt19盒模型布局

CSS 盒模型 内容尺寸overflow(占用内容框) 一般情况下&#xff0c;为元素设置width/height&#xff0c;指定的是内容框的大小 内容溢出&#xff1a;内容超出元素的尺寸范围&#xff0c;称为溢出。默认情况下溢出部分仍然可见&#xff0c;可以使用overflow调整溢出部分的显示…

【枚举】CF1833 D

Problem - D - Codeforces 题意&#xff1a; 给定一个序列&#xff0c;让你找一个区间&#xff0c;翻转区间内的数&#xff0c;交换前缀和后缀&#xff0c;让结果数组的字典序最大 思路&#xff1a; 观察样例可知&#xff0c;r是可以直接确定的&#xff0c;l是不确定的&…

使用Docker构建Nginx镜像并部署Web应用

文章目录 1. 简介2. 准备工作3. 编写Dockerfile4. 编写nginx.conf5. 构建镜像6. 查看镜像是否构建成功7. 运行容器8. 访问Web应用9. 总结 1. 简介 Docker是一个开源的容器化平台&#xff0c;它可以帮助我们快速构建、发布和运行应用程序&#xff0c;实现应用程序的环境隔离和依…

DevOps初识

博主入职了&#xff0c;正在学习一些在学校没有接触过的东西&#xff0c;在此进行记录~~~~ 背景 随着软件发布迭代的频率越来越高&#xff0c;传统的「瀑布型」&#xff08;开发—测试—发布&#xff09;模式已经不能满足快速交付的需求。打破开发和运维的壁垒&#xff0c;聪…

K8S初级入门系列之三-Pod的基本概念和操作

一、前言 Pod的原意是豌豆荚的意思&#xff0c;一个豆荚里面包含了很多豆子。在K8S中&#xff0c;Pod也是类似的意思&#xff0c;只不过这里的豆子就是容器。在K8S初级入门系列之一-概述中&#xff0c;我们对Pod有个初步的了解。 1、Pod是K8S编排和调度的最小基础单元。 了解容…

ChatGPT助力校招----面试问题分享(十二)

1 ChatGPT每日一题&#xff1a;运算放大器与比较器的区别 问题&#xff1a;运算放大器与比较器的区别 ChatGPT&#xff1a;运算放大器和比较器都是电子电路中常用的模拟电路元件&#xff0c;但它们的设计和应用略有不同。下面是两者的主要区别&#xff1a; 功能不同&#xf…

微服务——Nacos配置管理

目录 Nacos配置管理——实现配置管理 配置管理实践 Nacos配置管理——微服务配置拉取 Nacos配置管理——配置热更新 方式一: ​编辑 方式二(推荐方式): Nacos配置管理——多环境配置共享 优先级问题 Nacos配置管理——nacos集群搭建 总结​编辑 Nacos配置管理——实现配置管…

Linux 云服务器上部署 web 项目

目录 1)安装 jdk 2)安装 tomcat 3) 设置安全组 4)安装mysql 5) 建库建表 6) 打包部署 1)安装 jdk 使用包管理器进行安装 常用的包管理器 yum (centos 自带的包管理器) apt pacman 我们使用 yum 来进行安装程序 yum list 查看当前的软件包有哪些 命令: yum list | gre…