Flutter是什么?他是谷歌根据Dark语言开源的跨平台开发依赖。和目前比较火的Reactive Native一样,一套代码能够实现两个不同平台的App。那么为什么要介绍Flutter而不是在国内大火的Reactive Native。具体大家可以看看这篇文章。我这里就不在多阐述。之前Flutter只支持Mac OS,Linux系统。好在现在推出了Windows平台,可以说是非常奈斯了,降低了学习这么跨平台的成本。当然,你也可以直接看Flutter的官方地址查看教程。

第一步:安装Git

你需要安装Git作为Flutter SDK的下载工具。这里我推荐去百度软件中心下载,官网慢的一匹。下载完安装就可以了。

第二步:下载Flutter SDK

Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口,输入以下命令下载Flutter SDK。

git clone -b alpha https://github.com/flutter/flutter.git

注意:Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!Flutter的下载路径要全英文并且路径不能有空格!

第三步:配置环境变量。

你需要在Windows 环境变量Path中添加flutter的路径。路径指向到Flutter文件的bin路径如下图:

第四步:安装

打开PowerShell(管理员)输入以下指令:

flutter doctor

Flutter 就会自动配置安装。当然你也可以在git上操作。前提是要在flutter目录的bin文件夹之下操作。成功了之后你就会看到如下界面:

如果当中有某些项目显示‘X’。那就需要你去安装啦,再次输入:

flutter 

他就会自动安装对应的依赖。

第五步 开发软件。

你需要安装Android Studio 以及Android SDK,之前有就不需要重新装了。除次之外,Flutter的开发暂时不支持在Android Studio中开发,只能使用同一个公司的产品IntelliJ。需要你下载一个,IntelliJ免费版功能较少,下载的时候注意下载专业版,网上有破解教程这里自行百度,不再多说。下载完成之后在Setting中选择Plugins如下图:

搜索:Flutter和 Dark安装。当然你还要下载Dark SDK 建议下载安装版本,他会帮你进行配置。

第六步:重启电脑。(我还是建议你重启一下)

第七步:创建你的Flutter项目。

InterlliJ创建一个Flutter项目,如果你经常使用模拟器在调试,类似于Genymotion。他会报如下错误,导致界面空白无法渲染。

E/flutter (13181): [ERROR:flutter/shell/gpu/gpu_surface_gl.cc(43)] Failed to setup Skia Gr context.

我推荐你还是真机调试,成功之后就是如下界面:

如果你使用的是虚拟机,例如Genymotion。在运行时可能会出现如下提示:

进入白屏,那么你需要换一个虚拟机啦。亲测:Nexus 5X可用。

现在就开始你的Flutter学习之旅吧!

Windows平台下Flutter安装,配置,初运行。的更多相关文章

  1. Windows平台下SVN安装配置及使用

    原文链接:https://www.cnblogs.com/snake-hand/archive/2013/06/09/3130022.html,等有空了玩一玩吧,现在没空.

  2. Windows平台下ActiveMQ 安装

    安装之前需要先确定机器上已经有JVM环境,如果没有则会在安装过程中提示 Unable to execute Java command.  系统找不到指定的文件 第一步:从官网下载ActiveMQ的安装 ...

  3. windows平台下redis安装及配置文件介绍

    1.redis介绍 redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合).zset(s ...

  4. windows平台下MongoDB安装和环境搭建

    下载安装包或者压缩包 添加db存储和日志存储文件夹 添加服务.配置环境变量.启动Mongo 本例:安装路径:D:Program Files/MongoDB 配置文件的路径:D:MongoDB 一.安装 ...

  5. windows平台上MongoDB安装配置

    我按照原文方法操作,无法连接mongod服务,可能哪里出了问题. 以下是小页的教程:https://www.cnblogs.com/littlepage/p/10992336.html  视频参考: ...

  6. windows平台下spark-shell配置

    一.下载安装spark,http://spark.apache.org/,选择合适版本后下载到本地,解压,bin目录下spark-shell文件就是spark命令行交互的入口. 二.下载安装windo ...

  7. Windows平台下PHP开发环境的配置

    Windows平台下PHP开发环境的配置 一.基本环境 1.Windows XP 32位 2.Apache 2.2.25,下载地址:http://mirror.bit.edu.cn/apache/ht ...

  8. windows平台下nginx+PHP环境安装

    因为日常工作在windows下,为方便在window是下进行PHP开发,需要在windows平台下搭建PHP开发环境,web服务器选择nginx,不过windows版本的nginx性能要比Linux/ ...

  9. Windows 平台下 LiteIDE 的安装和使用

    1. 安装 Go 语言并设置环境变量 参考博客<Windows 平台下 Go 语言的安装和环境变量设置>. 2. MinGW 的下载和安装 Windows 下的 Go 调试还需要安装 Mi ...

随机推荐

  1. Neo4j在Centos7下的安装笔记

    首先,要在官网找到tar的安装包路径,然后使用wget来安装.下载之后解压. 然后运行 bin/neo4j start 就可以启动了. 启动之后防火墙开放7474,发现仍然访问不了. 因为这里和win ...

  2. bzoj3503 和谐矩阵

    Description 我们称一个由0和1组成的矩阵是和谐的,当且仅当每个元素都有偶数个相邻的1.一个元素相邻的元素包括它本身,及他上下左右的4个元素(如果存在).给定矩阵的行数和列数,请计算并输出一 ...

  3. nginx和apache最核心的区别在于apache是同步多进程模型,一个连接对应一个进程;nginx是异步的,多个连接(万级别)可以对应一个进程

    nginx和apache的一些优缺点比较,摘自网络,加自己的一些整理. nginx相对于apache的优点: 1.轻量级,同样是web 服务,比apache 占用更少的内存及资源 2.抗并发,ngin ...

  4. ie6,7下的textarea的type获取

    <input type='button' value="按钮" class='gys'> <textarea class='gys gystextarea'> ...

  5. windows hbase installation

    In the previous post,  I have introduced how to install hadoop on windows based system. Now, I will ...

  6. sqoop操作之Oracle导入到HDFS

    导入表的所有字段 sqoop import --connect jdbc:oracle:thin:@192.168.1.100:1521:ORCL \ --username SCOTT --passw ...

  7. Spark分析之SparkContext启动过程分析

    SparkContext作为整个Spark的入口,不管是spark.sparkstreaming.spark sql都需要首先创建一个SparkContext对象,然后基于这个SparkContext ...

  8. MySQL数据库索引(上)

    上一篇回顾: 1.数据页由七部分组成,包括File Header(描述页的信息).Page Header(描述数据的信息).Infimum + Supremum(页中的虚拟数据最大值和最小值).Use ...

  9. Python之部分基础知识点汇总

    1.三元运算(又称三目运算) 三元运算(又称三目运算),简单条件语句的简写    if a<b: A    else: B等价于:A if a<b else B 2.

  10. selenium+python自动化97--unittest参数化(paramunittest)

    前言 paramunittest是unittest实现参数化的一个专门的模块,可以传入多组参数,自动生成多个用例 前面讲数据驱动的时候,用ddt可以解决多组数据传入,自动生成多个测试用例.本篇继续介绍 ...