目录:

一、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. 关于QQ屏蔽某些文件上传一些有意思的事

    起因是因为某鱼事件... 资源倒是找了,可是因为TX的屏蔽文件上传.文件通过几次改名之后也没能上传成功(想想也没那么简单). 然后某神就写了上面那串代码实现上传.具体思想是:绕过文件摘要算法(hash ...

  2. FileUrl

    package com.rscode.credits.util; import java.io.BufferedReader; import java.io.File; import java.io. ...

  3. C语言-第2次作业得分

    作业链接:https://edu.cnblogs.com/campus/hljkj/CS20180的2/homework/2292 作业链接:https://edu.cnblogs.com/campu ...

  4. 渗透测试学习 四、 HTML基础

    HTML是一种解释型语言,解释给浏览器解析执行显示给用户浏览,是一种静态,无交互的 超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用.HTML 不是 ...

  5. RESTful摘要

    一种标准的模式的格式化URL为 /version/resource/key 例如,映射一个标识为"rasmus"的人 /v1/people/rasmus 安全性:安全的方法,获取资 ...

  6. vue-cil 服务端预渲染 prerender-spa-plugin

    众所周知单页面应用不利于SEO,为了解决这个问题网上所给出的2个解决方案1.SSH服务器端渲染2.预渲染由于页面较少,且预渲染相对于SSH比较简单,于是选择预渲染页面,预渲染可以极大的提高网页访问速度 ...

  7. Vue通过路由 query传递参数

    父组件通过query来传递num参数为1,相当与在 url 地址后面拼接参数 <template> <div> <h3>首页</h3> <rout ...

  8. Vue面试中经常会被问到的面试题

    一.对于MVVM的理解 MVVM是 Model-View-ViewModel 的缩写. Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑. View代表UI组件,它负责将数据模 ...

  9. linux下目录简介——/SElinux

    一.前言 安全增强型 Linux(Security-Enhanced Linux)简称 SELinux,它是一个 Linux 内核模块,也是 Linux 的一个安全子系统. SELinux 主要由美国 ...

  10. mysql 高版本only_full_group_by 错误

    [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clause and contains nonaggregated c ...