window10搭建Flutter开发环境【Android版本】

为了方便阅读和理解,这里先汇总配置flutter的Windows10本地开发环境所需要的文件列表。在逐个讲解配置方法细节。

资源汇总

  1. jdk-8u333-windows-x64.exe;
  2. android-studio-2021.2.1.15-windows.exe
  3. flutter sdk(https://github.com/flutter/flutter.git)
  4. 配置flutter sdk 的国内镜像

jdk安装配置

一、首先介绍一下jdk

JRE(Java Runtime Envirnment):Java运行环境;包括JVM(Java虚拟机)和Java程序所需的核心类库等,所以如果只是要运行一个java程序,就只需要安装jre即可,JDK(Java Development Kit):Java语言的软件开发工具包,jdk包含了java开发工具,也包含了JRE,所以作为开发人员,我们就需要安装jdk。

二、下载安装JDK

官网地址:https://www.oracle.com/java/technologies/downloads/#java8-windows
选择对应系统的版本就行,我们用jdk1.8。jdk分为32位和64位,大家根据自己的需求下载即可。这里用的是64位的。
在这里插入图片描述
下载到本地之后:
在这里插入图片描述
点击下载好的文件开始安装:
在这里插入图片描述

点击这个下一步
在这里插入图片描述
可以改个地址:
在这里插入图片描述
记住这个jdk 安装目录,待会儿配置jdk的环境变量需要用到。
然后下一步,点击完成

三、配置JDK

在window10桌面右下角的搜索框里输入: env
点击【编辑系统环境变量】或者右击电脑,点击【属性】
都可以进到系统环境变量配置弹窗;然后点击【环境变量】
在这里插入图片描述
之后新增系统变量 JAVA_HOME: C:\Program Files\Java\jdk1.8.0_333
在这里插入图片描述
再点击【path】
在这里插入图片描述
在弹窗里新增 %JAVA_HOME%\bin 和 %JAVA_HOME%\jre\bin,然后点击【确定】,在点击【确定】——》【确定】退出编辑系统环境变量弹窗。
在这里插入图片描述

四、测试jdk安装配置成功

在系统cmd窗口里依次输入下面五条条指令,每输入一条按【enter】键。

1、java 
2、javac -version
3、Javadoc
4、javac
5、jsva -version

如果能出现对于的信息提示,而不是其他提示表示配置jdk成功。如下图
在这里插入图片描述
在这里插入图片描述

android-studio安装配置

一、下载android-studio

官方下载地址:https://developer.android.com/studio/index.html
下载好android-studio后,放到对应系统磁盘备用。
在这里插入图片描述

二、 安装android-studio

双击这个exe文件。
在这里插入图片描述
如下图,点击【next】
在这里插入图片描述
如下图,默认全选,点击【next】
在这里插入图片描述
下面一步是安装路径的选择,个人建议内存大的就不要乱换了,
我放在D:\AS\Android Studio,文件夹自己新建就好。
在这里插入图片描述
点击 下一步,点击安装
在这里插入图片描述
耐心等待一会儿…
在这里插入图片描述

安装完成并启动android-studio
第一次使用android-studio,需要一步一步仔细配置:点选第二个
在这里插入图片描述
然后会有各种提示,下一步到这里,选择自定义,会出现选择安装目录。
在这里插入图片描述
此处选择自己要安装的目录。牢记,待会儿配置环境变量要用到。
在这里插入图片描述
完成之后需要下载sdk,第一次安装一般没有,可以在软件中进行下载。如果出现下图的弹窗,不用担心,直接点取消cancel或者关闭弹窗即可。
在这里插入图片描述
点击cancel,然后进入到了AS的安装向导界面
在这里插入图片描述
选择第一个标准版本standredr 然后next
在这里插入图片描述
说明:这一步是要选择的,安装SDK组件。这里需要指定SDK的本地路径,如果之前电脑中已经存在SDK,可以指定该路径,后续就可以不用下载SDK;如果本地没有安装过SDK的场景,可以暂时指定一个后续将保存SDK的路径;我这里演示的是本地没有安装过SDK的场景,这里暂时指定一个后续将保存SDK的路径,就是前面我们建的sdk。

有些教程建议安装完后,SDK单独下载,此处通过Android studio直接安装即可。
如下图,点击next
在这里插入图片描述
如下图,点击Finish后,开始自动下载SDK(注意,此时需要保证电脑联网)
在这里插入图片描述
如下图,sdk下载安装中,等待安装完成
在这里插入图片描述
如下图,下载完成SDK后,点击Finish进入AS的欢迎界面,表示Android studio安装完成了。接下来配置Android sdk环境变量
在这里插入图片描述

三、安装cmdline-tools

  1. 打开Android studio 设置——》【Android sdk】——》勾选【cmdline-tools】工具——》点击应用即可安装
  2. cmdline-tools;latest工具在后面执行flutter doctor命令行会用到

四、配置android-sdk

这里的android-sdk路径可以到编辑器里重新设置的。
在这里插入图片描述

打开系统环境变量弹窗,点击 环境变量,在系统变量新增:ANDROID_HOME = E:\software\anddroid_sdk,并添加到path
在这里插入图片描述
点击path,【编辑】,把ANDROID_HOME添加到目录,点击确定。
在这里插入图片描述

五、Android studio安装flutter插件

打开Android studio,【file】——》【setting】——》【Plugins】,搜索 flutter,点击安装,同时会安装 dart插件,安装完成后的样子。
在这里插入图片描述
新增项目里有 【flutter project】表示安装flutter插件成功。
在这里插入图片描述

六、Android studio配置jdk

配置Android studio 的jdk版本,否则新增项目和安装插件会报错,无法安装。这里的jdk是1.8版本,此处是jdk的绝对路径。不要搞错了各位。
在这里插入图片描述

安装flutter sdk

一、获取flutter sdk

官方仓库完成地址:https://github.com/flutter/flutter.git,根据地址克隆项目到本地磁盘,flutter sdk需要完整版,否则在使用flutter的命名时会出现闪退现象。这里放在:E:\software\Flutter\flutter目录下的。
在这里插入图片描述

二、配置flutter sdk环境变量

打开系统环境变量弹窗,点击 环境变量,在系统变量新增 flutter sdk 全路径变量。
在这里插入图片描述

三、配置flutter 国内镜像

这个镜像是由flutter为中国大陆特意搭建的获取flutter的镜像地址。由于一些flutter命令需要联网获取数据,如果您是在国内访问,由于众所周知的原因,直接访问很可能不会成功。 上面的PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google为国内开发者搭建的临时镜像

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

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

验证flutter开发环境配置

在cmd窗口输入: flutter doctor 回车,出现对勾信息表示搭建成功。如果不成功,Android studio 或者 flutter都是红色的叉叉。需要根据错误提示进行更正,在进行flutter doctor测试。环境搭建好后就可以创建flutter项目来玩了。创建过程太简单,这里不再赘述,可以百度Android studio 创建flutter项目。一搜一大把。
如果出现:run:flutter doctor --android-licenses提示Android studio 开发者授权
在这里插入图片描述

在当前命令继续执行

flutter doctor --android-licenses

一路yes+回车即可。执行完毕后在执行: flutter doctor 就没有那个提示了。
在这里插入图片描述

  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

布依前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值