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

这篇具有很好参考价值的文章主要介绍了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、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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

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

三、安装

(一)、安装Flutter SDK

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

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

下载完,就是一个压缩包,解压后就是这样的一个文件夹Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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

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

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

1)双击文件夹,打开之后就是这样:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

 2)双击此文件:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

flutter --version

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

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

3)此过程问题:

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

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

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

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

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

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

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

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

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

2)添加 Path 变量值

找到你所下载的 Flutter,打开到 bin 的目录,然后复制路径:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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

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

接下来你如果在 CMD 窗口中数入 flutter doctor 会有以下报错:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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

那么需要添加下面两个配置Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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)问题

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

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

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

 2)双击打开

下载完之后,就是这样一个 exe 文件,双击打开Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

安装路径:(可以更改位置,当然磁盘要有足够空间)Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

 设置快捷键名称(默认的最后好,勾上框就是不要快捷键)Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

 接下来安装,下一步,finish

启动之后:会看到这样Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

再接着:(就照我图片做就行了,版本不同,界面不同,但是内容差别不大)Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android 不用配置代理(想配就配,正常情况下,都可以下载 SDK的)Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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

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

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

 完了之后就是这样一个页面:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

安装 flutter 以及Dart 插件 Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

3)初次使用Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android 

这与 idea 软件的使用方法就相同了。这里就不再演示了。Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

 创建完之后就是这样一个文件夹。那么这里是没法直接运行的。需要以下步骤:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

定位到 android ,OK,重新打开此窗口。Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android 

 第一次打开需要很长时间,需要下载下面这个东西(如果下载失败了,再次点击):Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

 这个可能需要花费很长时间,这是我的花费时长:(1 h 多)Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

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

1) 找到你所下载他的位置,打开目录。里面应该是这样的Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

2)复制该路径,再次打开 编辑环境变量,添加如下变量值:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android 再双击打开 Path ,添加下面两个Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

3)问题解决

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

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

 执行以下步骤:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

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

再次运行,就会看到这样:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android 全部为对号。

 四、实现虚拟设备

 (一)、点击

选择设备:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android 一般选择 nexu6

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

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

(四)、运行项目

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

 先选择下载的机型,再运行项目,之后就会看到这样的:Flutter、Android Studio 安装详细步骤以及常错解决,flutter,android studio,android

OK,到这里所有的就完了!!! 文章来源地址https://www.toymoban.com/news/detail-600435.html

到了这里,关于Flutter、Android Studio 安装详细步骤以及常错解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • stable-diffusion-webui手动安装详细步骤(以及报错解决、踩坑)

    主要介绍 stable-diffusion-webui 的 主题开发、插件开发 等内容,感兴趣的朋友可以订阅下! 大话Stable-Diffusion-Webui-客制化主题(一) 大话Stable-Diffusion-Webui-客制化主题(二) 大话Stable-Diffusion-Webui-客制化主题(三) 不定时更新中... stable-diffusion-webui手动安装详细步骤(AMD显卡)

    2023年04月09日
    浏览(46)
  • 虚拟打印机开源项目clawPDF最新版本在Windows+Visual Studio 环境编译运行遇到的若干问题,以及虚拟打印机驱动的安装和彻底卸载详细图文步骤

    虚拟打印机开源项目clawPDF最新版本在Windows+Visual Studio 环境编译运行遇到的若干问题,以及虚拟打印机驱动的安装和彻底卸载详细图文步骤。 错误提示: 不支持此版本的 Visual Studio 无法打开以下项目。可能未安装项目类型,或此版本的 Visual Studio 可能不支持项目类型。 有关

    2024年02月22日
    浏览(70)
  • Android Studio + sqllite 数据库连接的步骤以及常见问题

    软件见文末 前提是先安装好sqllite----无脑式next安装 提示:.xml有些资源需要用自己有的,否者有可能会报错!!!! 1、打开SDK后,查看SDK路径 2、在SDK路径下右键鼠标运行命令行,输入命令monitor,即可启动Android monitor Device如下图所示: 执行完monitor,正常情况下会直接跳转

    2024年02月04日
    浏览(49)
  • Android Studio 配置国内镜像源、HTTP代理(详细步骤)

    本文只介绍单个项目配置,所有项目配置自行百度。 新老版本 Android Studio 配置文件稍有不同。 pluginManagement 和 dependencyResolutionManagement 里面的 repositories 都需要填写。 不同版本的 gradle 文件的 url 格式不一样。 备用一套镜像地址,这套与下面的镜像地址不同,如果下面的案例

    2024年02月02日
    浏览(54)
  • ubuntu 上安装flutter dart android studio

    因为国内网站不能使用 使用一下: vi ~/.bashrc 最后添加 export FLUTTER_STORAGE_BASE_URL=https://mirrors.cloud.tencent.com/flutter export PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub export PATH=$PATH:/usr/local/go/bin export GOPROXY=https://proxy.golang.com.cn,direct flutter 安装: sudo snap install flutter --classic 查看

    2024年02月11日
    浏览(37)
  • Mac电脑Android Studio和VS Code配置Flutter开发环境(图文超详细)

    官网地址: https://developer.android.google.cn/ 历史版本下载地址: https://developer.android.com/studio/archive?hl=zh-cn 到App Store下载安装最新版本,如果MacOS更新不到13.0以上就无法安装最新的Xcode,只能去下载以前版本的Xcode。 历史版本下载地址: https://developer.apple.com/download/all/?q=Xcode VS C

    2024年02月03日
    浏览(57)
  • 【window10】Dart+Android Studio+Flutter安装及运行

    安装前,请配置好你的jdk环境,准备好你的梯子~ 浅浅了解一下Dart: Dart 诞生于2011年,是由谷歌开发的一种强类型、跨平台的客户端开发语言。Dart是一种简洁、清晰、基于类的面向对象的语言,具有专门为客户端优化、高生产力、快速高效、可移植(兼容ARM/x86)、易学的

    2024年02月06日
    浏览(52)
  • APP安卓开发之Android Studio从安装到创建项目(一键解决gradle下载缓慢以及写代码没提示问题,包含如何创建手机模拟器)教程

    选择NEXT 选择NEXT 选择要安装的地址,然后选择NEXT 选择Install 先启动刚安装好的Android Studio 选择Do not import settings,然后选择OK 选择Cancel 先选择D\\\'ont send,然后选择NEXT 这里选择Custom,然后NEXT 选择Android Studio自带JDK的安装位置,然后NEXT 选择一个自己喜欢的主题颜色,然后NEXT 选

    2024年04月29日
    浏览(72)
  • Android Studio 2022.3 新版 flamingo 安装步骤及遇到的问题

    下载地址: https://developer.android.google.cn/studio D盘中新建一个 Android 文件夹, 用来存储 Android studio 和 SDK 文件. 下载好之后, 运行 exe 文件, 点击 next 注意这个路径最好不要有空格,比如 program files这种目录,不然后面安装sdk的时候会有问题. 点击 install 接下来等安装完就可以了. 然后打

    2024年02月10日
    浏览(54)
  • Android studio的安装的详细过程

    Android 开发环境 Eclipse Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代IDE开发环境,2001年11月贡献给开源社区,现在它由非营利软件供应商联盟Eclipse基金会(Eclipse Foundation)管理。 Eclipse是一种面向开发人员的编程环境,同时它也是 一个开放源代码的、基于

    2024年02月10日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包