目录:

一、JDK安装

1.1、JDK下载

1.2、环境变量配置

1.3、测试

二、ANDROID-SDK安装

2.1、下载

2.2、环境变量配置

三、Flutter安装

3.1、下载

3.2、环境变量配置

3.3、测试

四、IDE安装

4.1、下载

4.2、插件安装

五、错误解决

5.1、Android license status unknown

六、项目运行

6.1、创建项目

6.2、运行项目

-----------------------------------分割线------------------------------------------------

1.1、JDK下载

下载的版本是jdk-8u201-windows-i586.exe

进入官网,选择版本,accept协议

下载完成后开始安装  目录:D:\jdk

1.2、JDK环境变量安装

系统变量 JAVA_HOME D:\jdk 安装目录
系统变量 path %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
系统变量 classpath %JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
没有的变量就新建,有则编辑

 1.3、测试

2.1、android-sdk安装

进入  https://www.androiddevtools.cn/#

下面的IDE(android studio)也可以在这里下载

这里可以先下载SDK Tools,SDK交给IDE来下载

下载后安装即可,安装完成如下图所示(我这个是完整的,先不管):

确定号目录就开始配置环境变量

2.2、环境变量配置

新建系统变量 ANDROID_HOME   F:\Android_sdk\android-sdk-windows

配置ok即可。

3.1、下载Flutter

下载下来解压到指定目录即可。
设置系统变量   path    D:\flutter\flutter\bin;  
设置用户变量   FLUTTER_STORAGE_BASE_URL  https://storage.flutter-io.cn   
设置用户变量   PUB_HOSTED_URL https://pub.flutter-io.cn
3.2、测试
cmd flutter doctor

查看诊断,问题
error1、没有安装Android SDK
但是ANDROID_HOME是设置了的,如果没有SDK tools自己安装。
error2、没有安装ide
error3、没有模拟设备接入(虽然不影响)
4.1 IDE下载安装
安装最新的版本,低版本之后需要更新

安装完成之后
双击打开
ide发现没有安装sdk,便会自己开始下载安装

点击Finish,开始安装

这里会花一段时间安装,可以看看别的。

4.2、安装插件

主要是flutter 和 Dart插件,用来解决下面的问题

settings-Plugins-输入flutter搜索,如果没有找到就点击下面的tab

 点击之后,选择flutter安装即可,安装完成后Dart插件也同时安装ok了,重启IDE即可。
4.3、测试
cmd flutter doctor

接受一些即可

cmd  flutter doctor --android-licenses

接下来输入‘y’同意就完成了。

5.1、Android license status unknown

一般这个问题就是jdk版本高于java8,下载java8的版本即可。

一开始我就不小心下到java12了,怎么弄都不行,环境变量也查看了好久。

6.1、创建项目

file-New Flutter Project

项目创建ok

6.2、运行项目

a、手机处于连接状态

b、没有手机,新建一个虚拟设备

打开 tools- AVD  Manager

上面我已经创建了一个

选择一个就ok,点击next

选择一个下载即可。

安装完成

运行这个虚拟设备,运行ok之后桌面就会出现,不得不说这个颜色很sao啊。

这里也出现设备名称了

如果运行失败的话,而且提示信息跟HAXM有关,就需要安装这个。

安装完成应该就可以启动ok。

按照上面有了测试设备之后,就可以点击开始按钮开始构建app了

构建需要一会儿,主要看你电脑。

,至此环境就搭建的差不多了,然后就可以安安心心着手开发了。

Flutter windows环境安装 + 模拟设备 + 项目运行的更多相关文章

  1. Flutter之环境配置与项目搭建

    Flutter之环境配置与项目搭建 一,介绍 1.1,Dart Dart 是一种 易于学习. 易于扩展.并且可以部署到 任何地方 的 应用 编程 语言.并且同时借鉴了Java和JavaScript.D ...

  2. Windows环境安装tesseract-ocr 4.00并配置环境变量

    最近要做文字识别,不让直接用别人的接口,所以只能尝试去用开源的类库.tesseract-ocr是惠普公司开源的一个文字识别项目,通过它可以快速搭建图文识别系统,帮助我们开发出能识别图片的ocr系统.因 ...

  3. windows环境安装MySQL

    转:https://www.cnblogs.com/ayyl/p/5978418.html windows环境安装MySQL mySQL下载链接:MySQL Installer 5.7 :http:/ ...

  4. Windows环境安装MySQL数据库

    Windows环境安装MySQL数据库 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 最近在学习Java语言,开发环境在Windows操作系统上,因此需要在Windows上安装My ...

  5. angular入门一之环境安装及项目创建

    angular入门一之环境安装及项目创建 1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https:// ...

  6. 树莓派 Learning 002 装机后的必要操作 --- 05 给树莓派搭建“x86 + pi”环境 -- 安装**32位运行库** -- 解决`E:未发现软件包 xxx` 问题

    树莓派 装机后的必要操作 - 给树莓派搭建"x86 + pi"环境 – 安装32位运行库 – 解决E:未发现软件包 xxx 问题 我的树莓派型号:Raspberry Pi 2 Mo ...

  7. Redis:在windows环境安装Redis

    Redis:在windows环境安装Redis 第一步: 下载windows版本的Redis:https://github.com/MSOpenTech/Redis. 第二步: 在命令行执行:D:\r ...

  8. PHP XAMPP windows环境安装扩展redis 致命错误: Class 'Redis' not found解决方法

    PHP XAMPP windows环境安装扩展redis 致命错误: Class 'Redis' not found解决方法 1.电脑需要先安装redis服务端环境,并在安装目录下打开客户端redis ...

  9. MongoDB(二):在Windows环境安装MongoDB

    1. 在Windows环境安装 1.1 MongoDB下载 要在Windows上安装MongoDB,首先打开MongoDB官网:https://www.mongodb.com/download-cen ...

随机推荐

  1. i3wm 调节音量

    i3wm,设置调节音量的快捷键 configure file: ~/.config/i3/config add # for sound control bindsym XF86AudioRaiseVo ...

  2. Sublime Text 3 package control 解决 "There are no packages available for installation" 错误

    造成这个错误的原因估计是因为由于packagecontrol.io无法访问,所以导致无法读取“https://packagecontrol.io/channel_v3.json”文件的原因. 解决方法 ...

  3. 测试那些事儿-Jmeter介绍及使用

    Jmeter与LR有啥区别? Jmeter工具组成部分: 1.资源生成器:用于生成测试过程中服务器,负载机的资源代码.(LR中的VuGen) 2.用户运行器:通常是一个脚本运行引擎,根据脚本要求模拟指 ...

  4. MySQL 8.0常见问题

    1.连接问题: 1.1:8.0的驱动地址更换由原来的com.mysql.jdbc.Driver改为com.mysql.cj.jdbc.Driver 1.2:8.0以后访问地址要加上时区.编码等属性jd ...

  5. ztree模糊筛选展开选中节点

    树呢是一个最简单的树,并没有做一异步加载,也就是一个筛选,然后跳到第一个符合删选的数据下,并且所有符合的都会被展开和选中.其中ztreeAry是一个模拟的本地数组json.在test.json中,如果 ...

  6. 枚举转map

    import java.util.HashMap; import java.util.Map; public enum PayType { ALIPAY("支付宝扫码", 15), ...

  7. vue day5 分页控件

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  8. bzoj 4589 FWT

    #include<bits/stdc++.h> #define ll long long using namespace std; ; ; ; ; <<],b[<< ...

  9. scipy 的K-means

    #导入相应的包 import scipy import scipy.cluster.hierarchy as sch from scipy.cluster.vq import vq,kmeans,wh ...

  10. javascript将C#json序列化的Date对象转换成正常的Date格式

    function ChangeDateFormat(cellval) { var date = new Date(parseInt(cellval.replace("/Date(" ...