学习Flutter,首先需要搭建好Flutter的开发环境,下面我将一步步带领大家搭建开发环境并且成功运行flutter项目。

Flutter环境配置主要有这几点:

  • 系统配置要求
  • Java环境
  • Flutter SDK
  • Android 开发环境

***以下是基于在Window操作系统上安装和配置Flutter开发环境***

一、系统配置要求

  • 操作系统:Windows 7 SP1 或更高的版本(基于 x86-64 的 64 位操作系统)
  • 磁盘空间:除安装 IDE 和一些工具之外还应有至少 1.64 GB 的空间
  • Git环境:要让 Flutter在开环境中正常使用,就要有git环境

二、Java 环境配置

这里需要安装 Java 环境,因为Flutter是基于Android的,这里就不多细说

Java环境下载地址:Java Downloads | Oracle

这里直接下载64位安装包,解压一直点下一步下一步就搞定了,默认是安装到C盘,也可以自己选择喜欢的位置进行安装。

怎么检测java是否安装成功呢?

1、进入“黑窗口”:快捷键: win+R ,输入cmd,按下回车

2、可以选择输入 java  javac  java -version 三个doc命令进行检查

  • 输入java+回车,出现如下结果证明安装成功:

  • 输入javac,出现如下结果安装成功:

  • 输入java -version,查看Java版本,也可以证明你的java安装成功

三、Flutter SDK

Flutter SDK下载地址:https://flutter.cn/docs/development/tools/sdk/releases

选择最新版本下载即可,下载成功后将压缩包解压,解压存放路径放在你想放置 Flutter SDK 的路径中(我的是D:\Android\flutter)

注意:请勿将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files\

我们可以在控制台输入 flutter 命令看是否安装成功,如果输出如下界面就表示flutter安装成功啦:

不要高兴的太早,虽然flutter SDK安装成功了,但是现在控制台还不可以使用 flutter 命令操作其他业务,需要将 Flutter 的运行文件路径加入到 PATH 环境变量:

右击【此电脑】选择【属性】==>选择【高级系统设置】==>选择【环境变量】,在【用户变量】一栏中,选择【Path】这个条目

双击进入Path条目,点击【新建】将你安装的flutter坐在完整路径作为新变量的值

然后一直点击确定就OK啦

在将 Path 变量更新后,打开一个新的控制台窗口:输入 flutter doctor 命令,如果它提示有任何的平台相关依赖,那么你就需要按照指示完成这些配置。

简单来看,doctor是医生的意思,顾名思义就是对flutter环境进行检查,并将检测结果以报告形式呈现出来,然后根据检查报告依次解决现有环境缺陷问题

这里如果是刚安装flutter,有些检查项带有红色的[×],我这里有显示[√][!]

  • [×]表示还不能正常运行
  • [!]表示还存在一些问题
  • 只有全部为[√],系统环境才是完全安装好,你的检查报告才是没毛病的

有叉的选项可自行复制搜索,都有解决方案的,这里就不一一例举了,结尾会列部分叉踩坑解决方案

现在就来看看上述这个警告,根据它的提示,我们只需要执行: flutter doctor --android-licenses ,执行这条命令后,会有一系列选择,全部选择y就好(我也不知道它是个啥,感兴趣的小伙伴可以自行研究)

然后我们再来执行: flutter doctor

出现这样全部为√的选项则你的环境就完全安装好了

四、设置Android开发环境

到这里我们已经正确安装flutter开发环境,但是还需要配置下Android的开发环境,因为Flutter 依赖 Android Studio 的全量安装来为其提供 Android 平台的支持

安装 Android Studio

Android Studio下载地址:https://developer.android.google.cn/studio

安装Android SDK

Android SDK下载地址:https://www.androiddevtools.cn

进入官网我们首先找到 SDK Tools 选项:

点击下载Android SDK压缩包:

下载成功并解压安装到自定义目录,解压后文件目录如下:

运行 flutter doctor 确保 Flutter 已经定位到了你的 Android Studio 的安装位置。如果 Flutter 并未定位到,运行 flutter config --android-studio-dir <directory> 设置你的 Android Studio 的安装目录

创建虚拟机

首先打开我们的Android Studio开发工具,第一次安装打开界面的左侧选择【Plugin】选项,然后搜索并安装【Flutter】插件,安装【flutter】插件的同时一并安装了【Dart】插件。

安装好插件后,我们创建一个Flutter项目:

这里需要选择你的Flutter SDK安装目录,点击【Next】,输入项目名称:

注意:项目命名规范一般是单词小写,多个单词之间用_连接,如:hello_world

填写完毕后点击【Finish】完成,打开项目进去界面,选择工具栏的【Tools】,选择【SDK Manager】

正确填写Android SDK所在目录:

安装所需工具包(这个可以在后期视情况而定选择下载,这里只是做一个演示):

然后同样在Tools选项下选择【Device Manager】,点击【Create device】按钮创建虚拟机:

这里自行选择机型,然后点击【Next】:

选择一个系统映像并下载(这个过程可能需要几分钟):

下载完成后点击【Next】,继续点击【Finish】完成,然后点击启动按钮,等待虚拟机开启即可:

运行flutter项目

虚拟机启动后,我们只需要点击编辑器右上角debug就可运行查看flutter项目:

这一过程可能需要等待一会儿:

至此,我们的flutter项目就成功运行啦~~

当然,我们修改main.dart文件内容时,模拟器也是实时更新的:

五、总结

至此,我们从搭建项目环境到运行flutter项目整个流程梳理完成,再进行一次总结:

  • 首先要本身电脑系统配置达到指定要求
  • Java 环境搭建
  • 获取Flutter SDK
  • 设置Android Studio开发环境
  • 创建虚拟机

*****注意:本系列均参照Flutter官网进行整理*****

Flutter入门教程(二)开发环境搭建的更多相关文章

  1. React Native入门教程 1 -- 开发环境搭建

    有人问我为啥很久不更新博客..我只能说在学校宿舍真的没有学习的环境..基本上在宿舍里面很颓废..不过要毕业找工作了,我要渐渐把这个心态调整过来,就从react-native第一篇博客开始.话说RN也出 ...

  2. Unix/Linux环境C编程入门教程(13) 开发环境搭建VMware软件安装

    VMware(中文名威睿",纽约证券交易所"代码:VMW) 虚拟机软件,是全球桌面到数据中心虚拟化解决方案的领导厂商.全球不同规模的客户依靠VMware来降低成本和运营费用.确保业 ...

  3. Unix/Linux环境C编程入门教程(11) 开发环境搭建VMWare虚拟安装之虚拟化检测

    常开启虚拟化技术.如果你的主板是最新的,它在冷启动后能够检测到配置变化.每当我改变我的主板上的VT设置,它都会自动推迟下次重新启动生效.如何确定VT已经开启或禁用? 如图表示成功开启了VT. F10 ...

  4. 【强烈推荐,超详细,实操零失误】node.js安装 + npm安装教程 + Vue开发环境搭建

    node.js安装 + npm安装教程 + Vue开发环境搭建 [强烈推荐,超详细,实操零失误] 原博客园地址:https://www.cnblogs.com/goldlong/p/8027997.h ...

  5. Arduino可穿戴开发入门教程Arduino开发环境介绍

    Arduino可穿戴开发入门教程Arduino开发环境介绍 Arduino开发环境介绍 Arduino不像我们使用的PC端操作系统一样,可以直接在操作系统中安装软件为操作系统编程.Arduino的软件 ...

  6. 勤拂拭软件 java web 开发教程(1) - 开发环境搭建

    勤拂拭软件系列教程 之 Java Web开发之旅(1) Java Web开发环境搭建 1 前言 工作过程中,遇到不少朋友想要学习jsp开发,然而第一步都迈不出,连一个基本的环境都没有,试问,如何能够继 ...

  7. 【入门教程】kafka环境搭建以及基础教程

    问题导读 1.Kafka独特设计在什么地方?2.Kafka如何搭建及创建topic.发送消息.消费消息?3.如何书写Kafka程序?4.数据传输的事务定义有哪三种?5.Kafka判断一个节点是否活着有 ...

  8. java web 开发教程(1) - 开发环境搭建

    勤拂拭软件系列教程 之 Java Web开发之旅(1) Java Web开发环境搭建 1 前言 工作过程中,遇到不少朋友想要学习jsp开发,然而第一步都迈不出,连一个基本的环境都没有,试问,如何能够继 ...

  9. [Java 教程 02] 开发环境搭建

    在上一篇文章对Java做了一个简单介绍之后,我想大家都已经对她有一个初步的认识了吧!那踏入正式学习使用Java之前,我们有一步是不得不做的,它是什么呢?没有错,就是我们本篇文章的标题所说,搭建Java ...

  10. [分享]4412开发板Android教程——Android开发环境搭建

    分享视频链接:http://pan.baidu.com/s/1o6tgEeQ 本文转载:www.topeetboard.com 下载和安装Android应用的开发环境 新建Android虚拟环境 An ...

随机推荐

  1. Solution -「NOI 2012」「洛谷 P2050」美食节

    \(\mathcal{Description}\)   Link.   美食节提供 \(n\) 种菜品,第 \(i\) 种的需求量是 \(p_i\),菜品由 \(m\) 个厨师负责制作,第 \(j\) ...

  2. 私有化轻量级持续集成部署方案--03-部署web服务(下)

    提示:本系列笔记全部存在于 Github, 可以直接在 Github 查看全部笔记 配置接口代理 前后端分离情况下,前端请求后端接口最常用的一种方式就是使用反向代理,反向代理会让浏览器认为是同源路径, ...

  3. Office RTF远程模板注入

    远程模板插入   ProofPoin最近写了一篇文章,报告中提到近年来RTF模板注入进行office钓鱼攻击的数量增加.之前还没怎么了解过RTF模板注入的,现在和小编一起去看看吧(笑hhh).   相 ...

  4. 使用.rmp文件在redhat7.9安装oracle19c

    19c开始,oracle提供了rmp安装包.感觉安装更方便一些了.记录一次测试环境安装. 1,创建交换空间 2,下载oracle 19c必要文件(oracle官网下载需要注册帐号,可以用迅雷下载后再上 ...

  5. 如何深入学习Java并发编程?

    在讲解深入学习Java并发编程的方法之前,先分析如下若干错误的观点和学习方法. 错误观点1:学习Java编程主要是学习多线程. 这话其实是说明了表面现象,多线程其实还真是并发编程的实现方式,但在实际高 ...

  6. RFC2544背靠背测试——信而泰Renix测试软件实操

    文章关键词:背靠背测试.合法最小帧间隙.缓存区结构.吞吐量测试. 背靠背测试背景: 随着网络规模的扩大,大量的路由更新消息.频繁的文件传输和数据备份等操作都会导致数据在一段时间内急剧增加,甚至达到该物 ...

  7. 浅谈bi工具的含义和不同类型

    ​什么是BI工具? 商业智能(BI)工具是利用一组方法和技术来准备,呈现和帮助分析数据的工具.通过此过程,数据将转化为可操作的业务信息,帮助决策者和最终用户做出更有效的数据驱动决策. 商业智能使用的一 ...

  8. Nested Class(嵌套类)

    在类.结构或接口中定义的类型称为嵌套类型. 例如 public class Container { class Nested { Nested() { } } } 不论外部类型是类.接口还是构造,嵌套 ...

  9. 3D打印第二弹:狗牌

    给朋友做一个狗牌(误,给朋友的狗狗做一个狗牌 1. 设计 没有设计功底,看看别人是如何做的,搜到一个狗牌: 照着这个做一个,正面是上图这种的:狗狗名字+狗爪子:另一面是手机号加联系说明文字. 2. 建 ...

  10. python opencv识别蓝牌车牌号 之 取出车牌号 (1/3)

    概述 车牌识别是计算机视频图像识别技术在车辆牌照识别中的一种应用,通常来讲如果结合opencv进行车牌识别主要分为四个大步骤,分别为: 图像采集 车牌定位 分割车牌字符 字符识别 当然,如果结合了机器 ...