Flutter配置

系统版本:window10

配置需要:

flutter版本:flutter官方下载地址下载最新版本

android studio:android studio官网下载下载最新版本

jdk:需要1.8及以上,因为android sdk安装需要依赖jdk

jdk1.8下载由于版本兼容问题建议下载1.8

android sdk:Android SDK 百度网盘下载地址链接

接下来我们开始具体配置:

1.flutter安装 

flutter官方下载通道


Flutter配置_第1张图片
下载最新的Beta版

解压缩zip文件

添加环境变量:在path路径下天津f'lutter/bin的全路径


Flutter配置_第2张图片
实例

打开命令行工具输入flutter(记得修改环境变量后记得电脑重启生效)


Flutter配置_第3张图片

配置成功。

2.jdk配置

jdk1.8下载这里建议1.8版本,以免兼容性问题

jdk默认安装即可

Flutter配置_第4张图片
实例

jdk环境变量配置:

JAVA_HOME:


Flutter配置_第5张图片
路径即为jdk的安装路径


Flutter配置_第6张图片
安装路径实例

Path环境变量:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin


添加

验证:在命令行中键入 javac -version


配置成功

3.android sdk配置

其实android studio 默认安装android sdk,但是由于不可控因素,出现问题较难解决,所以建议android sdk 和Android studio 分开配置

android sdk下载


Flutter配置_第7张图片
选择exe程序下载安装

这里建议sdk安装目录尽可能不要放在C盘,因为文件较大,配置完成后大概10G

还有安装目录不要出现中文和空格,这是血的教训

下载安装完成后配置环境变量:

打开“环境变量”,在“系统变量”中新建SDK_HOME变量,并将SDK目录添加进去(例如:D:\adt-bundle-windows-x86-20130514\sdk)。


Flutter配置_第8张图片

编辑Path变量。保证现有变量值后面有一个分号“;”,然后添加%SDK_HOME%\tools;%SDK_HOME%\platform-tools;


Flutter配置_第9张图片

android sdk配置完成,验证:

在命令行中输入android -d


Flutter配置_第10张图片
成功

相关文件下载:


Flutter配置_第11张图片

在安装目录下以管理员身份运行SDK Manage.exe,


Flutter配置_第12张图片

打开Android SDK Manager,它会获取可安装的sdk版本,但是国内有墙,有时候会出现获取失败的情况。


Flutter配置_第13张图片

这时不用着急,接着来
更改host文件

首先更改host文件,host文件在C:\Windows\System32\drivers\etc目录下,用记事本打开“hosts”文件,将下面两行信息追加到hosts文件末尾,保存即可。如果你的是windows8系统可能没有权限修改host文件,可以右击hosts文件,将Users组设置为可对hosts文件完全控制的权限即可。

203.208.46.146 dl.google.com

203.208.46.146 dl-ssl.google.com

上面两行放在host文件的意思是将本地访问dl.google.com和dl-ssl.google.com定向到ip地址为203.208.46.146的服务器上。


Flutter配置_第14张图片

将Android SDK Manage上的https请求改成http请求

打开Android SDK Manager,在Tools下的 Options 里面,有一项 Forcehttps://..sourcesto be fetched usinghttp://...将这一项勾选上,就可以了。


Flutter配置_第15张图片

再打开Android SDK Manager.exe,正常情况下就可以下载Android的各个版本的sdk了。你只需要选择想要安装或更新的安装包安装即可。这里是比较耗时的过程,还会出现下载失败的情况,失败的安装包只需要重新选择后再安装就可以了。

这时配置全部完成。

4.Android studio

官网链接

下载好安装包后,双击安装包,然后按向导完成安装。


Flutter配置_第16张图片


Flutter配置_第17张图片


Flutter配置_第18张图片

点next,直至完成


Flutter配置_第19张图片

勾选上图中的“Start Android Studio”,点击“Finish”完成安装,并启动AS


Flutter配置_第20张图片


Flutter配置_第21张图片


Flutter配置_第22张图片

点击“ Cancel ”,继续


Flutter配置_第23张图片


Flutter配置_第24张图片

点击next 进入UI界面主题选择界面,可以选择自己喜欢的风格,这里选择Darcula 风格。


Flutter配置_第25张图片

再继续就是android sdk选择,选择我们的安装路径.完成安装

新建一个android studio 文件,完成。

5.最终连接

在命令行中键入 flutter doctor 按提示完成配置

其中在Android studio 中安装flutter 和dart(flutter安装时会自动下载dart无需另外安装)

file->setting


Flutter配置_第26张图片

->Plugins


Flutter配置_第27张图片

键入flutter,联网下载,都点确定会自己下载dart,重启,配置全部完成。

你可能感兴趣的:(Flutter配置)