windows平台下flutter安装,配置,初运行。

lovelyYakir lovelyYakir     2022-09-21     221

关键词:

  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学习之旅吧!

 

从0开始学习flutter01图解windows环境下安装配置环境(代码片段)

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。同时可以与现有的代码一起工作。Flutter已经发布很长一段时间了,有不少大神都在学习和应用,笔者认为大前端方向是趋势,也学... 查看详情

windows平台mongodb安装配置

...装mongodb1.官网下载mongoDB:http://www.mongodb.org/downloads,选择windows平台。安装时,一路next就可以了。我安装在了F:mongoDB目录下。2.建立工作目录:在mongoDB目录下新建数据存放目录:F:mongoDBdatadb在mongoDB目录下新建日志文件:F:mongoDBlog... 查看详情

flutter开发环境配置-windows(代码片段)

下载FlutterSdk系统要求:安装运行Flutter,开发环境必须满足以下要求:操作系统:Windows7或者以上版本,64位机器硬盘空间:不包括IDE和工具在内,至少需要400M软件工具:WindowsPowerShell5.0或者以上Windows版Git2.x,请确保Git可以正常... 查看详情

flutter学习笔记·安装配置flutter环境(windows)(代码片段)

文章目录Flutter环境安装1-下载资源2-环境变量配置3-检验环境变量是否配置成功Flutter环境安装Flutter官网文档:https://docs.flutter.dev/get-started/install可根据官网文档进行安装,本篇文章以Windows系统安装举例。1-下载资源根据官... 查看详情

Flutter 命令在 Windows 命令提示符下不起作用

】Flutter命令在Windows命令提示符下不起作用【英文标题】:FluttercommandsnotworkinginWindowscommandprompt【发布时间】:2019-01-2602:15:18【问题描述】:我已经通过手动从flutter.io下载安装了最新版本的Flutter,并在系统环境变量中配置了PATH... 查看详情

windows10下安装flutter出现的问题

执行flutterdoctor后报错C:\\Users\\Administrator>flutterdoctorDoctorsummary(toseealldetails,runflutterdoctor-v):[√]Flutter(Channeldev,v0.10.1,onMicrosoftWindows[Version10.0.17134.345],localezh-CN)[√]Andr 查看详情

flutter学习日志flutter的安装和环境配置windows

首先定他一个小目标:->->目标:命令行输入flutterdoctor(检测flutter所需环境)得到下图所示->->->目标分解:->安装flutter(上图中第一个√get)安装jdk安装androidstudio安装androidsdk(上图中第二个√get)安装dart和flutter... 查看详情

window下jdk安装与配置

今天项目组开会,由于.Net平台的限制无法满足现有业务需求,项目计划从.Net平台转Java平台,采用Java+Spark+Hadoop,之前关于Java和Hadoop的书也买的有只是平时看的少,最近也都是在看关于股票和项目架构的书,放在那好久了,正好... 查看详情

window下mongodb的配置与安装

...一个基于分布式文件存储的数据库。由C++语言编写,支持Windows,Linux,OSX,Solaris等平台,默认端口为27017,是一个效率非常高的nosql数据库。我的测试环境:window10 64位我的安装路径:D:mongodb我学习mongodb的笔记本:MongoDB配置m... 查看详情

windows环境下elk平台的搭建

一、Windows环境下ELK平台的搭建   1.安装配置Java环境    在Oracle官网获取最新版的Java版本,由于只是运行不是开发,所以也可以只下载JRE。官网:http://www.oracle.com/   2.安装ELK    ... 查看详情

全开源深度学习平台paddlepaddle入手之路----利用docker在windows10专业版环境下配置paddlepaddle

利用Docker在Windows10专业版环境下配置PaddlePaddle    对于PaddlePaddle的安装,查询官网信息,PaddlePaddle提供pip安装和Docker安装运行的使用方式。我们已经了解到Docker在避免环境配置难题上的的巨大优势,加上本人用的是... 查看详情

macos安装flutter(macos下flutter环境配置)

第一步下载压缩包Flutter官网下载:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos   下载一个版本,我自己下载的1.22.2,大约1.19G 第二步解压1、新建一个文件夹,用于存放flutter文件,我自己建立在用户根... 查看详情

如何在windows下安装git

...载最新版本。2安装:点击下一步,直到出现步骤三。3在WindowsExplorerintegration选项中将“GitBashhere”和“GitGUIhere”打对勾。4在“AdjustingyourPATHenvironment”选项中,默认即可。5在“Configuringthelineendingconversions”选项中,第一个选项:... 查看详情

windows平台下liteide的安装和使用

1.安装Go语言并设置环境变量参考博客《Windows平台下Go语言的安装和环境变量设置》。2.MinGW的下载和安装Windows下的Go调试还需要安装MinGW。2.1下载安装工具的安装最新版本下载安装工具下载地址http://sourceforge.net/projects/mingw/,大小... 查看详情

qt程序在windows下的发布

本文讨论在Windows平台下编译成功的Qt程序,如何在未配置Qt开发环境的Windows平台下独立运行的方法。经过验证发现,在Ubuntu平台下编译成功的程序可在未安装Qt开发环境下的Ubuntu16.04中运行,所以,本文仅讨论,在Windows平台下编... 查看详情

windows下kafka配置入门示例

实验平台与软件:操作系统:windows732 位java开发包:jdk1.8.0_144集群: zookeeper-3.3.6消息队列: kafka_2.11-0.11.0.1安装序列:1. jdk安装预配置  jdk-8u144-windows-i586_8.0.1440.1.exe 点击安装:"下一步"... 环 查看详情

windows平台安装配置gitblit

1安装配置jdk环境变量2下载GitBlit,下载地址:http://www.gitblit.com或者http://gitblit.com 解压即可3修改gitblitdata下defaults.properties配置文件#git仓库目录git.repositoriesFolder=D:GitRepository#git服务器http端口server.httpPort=880#git服务器https端口,... 查看详情

如何安装,配置mongodb

...存储方式备受当前IT从业人员的青睐。这里主要讲如何在windows平台下安装MongoDB。方法/步骤登陆mongodb官网点击右侧的下载选择windows平台,如图点击需要的zip文件如何安装,配置MongoDB参考技术AMongoDB是目前在IT行业非常流行的一种... 查看详情