Flutter安装教程
前言
自Flutter beta版发布, 经过几个月的发展, 它已成为了github社区开源项目活跃度的Top50。加上近日Google的Flutter Live 2018全球同步直播宣传,与 Flutter 1.0 正式版的发布,Flutter更是成为了移动开发的热点。感觉它很有统一移动端的趋势(~ ̄▽ ̄)~
首先介绍下Flutter:
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
它也是构建未来的Google Fuchsia 应用的主要方式。
- Flutter官网地址 https://flutter.io
- 如果英文不好的同学,可以访问它的中文社区 https://flutter-io.cn/
作为如今这么火热的移动开发框架, 我一个做安卓当然也要瞧一瞧( •̀ ω •́ )✧。
开始
下载sdk
首先下载Flutter的sdk包, windows用户的话直接点击下载
如果其它系统则点击这里。
下载完成后解压至对应的安装目录, 我这里是C:\Softwares\flutter,完成后大概是这个样子:

然后运行它的话可以直接双击flutter_console.bat文件。
更新环境变量
在对应用户或系统上的Path,上添加一条,定位至flutter的bin文件夹内,我的是C:\Softwares\flutter\bin, 根据你自己的安装位置选择。
添加成功之后打开cmd, 输入flutter,然后会显示如图结果:

就表示成功了。
然后就用Android Studio来启动第一个flutter应用程序:
依次点击File -> Settings -> Plugings -> Browse repositories... ,然后搜索Flutter,如图:

再点击安装。若弹出要求你继续安装的对话框,则按它提示安装。没有则再搜索Dart 进行手动安装。最后重启Android Studio。
重启后, 点击File -> New ,会多出 New Flutter Project...这个选项,点击进入,会有如图所示界面:

点击第一个,再按提示输入信息

若没有找到Flutter SDK Path,则手动选择之前flutter安装的位置,然后按提示继续就行了。
需要注意的时创建项目时可能需要科学上网,总之有点慢,也可以手动进行换源解决。
创建成功之后,项目结构

其中的android目录和正常的安卓目录几乎一样, 打开最里面的MainActivity,

再点击如图提示位置,即可编写安卓相关代码,并直接调式。
最后附上运行效果图

即是个简单的计数器demo
Flutter安装教程的更多相关文章
- flutter安装教程(win7)
本文是在安装flutter的时候,所遇到的问题参考的各个文档整理集合.此次是在win7上安装的问题记录.因为当初安装的时候针对win7的文档比较少,而且各个文档的解释比较散,本人遇到问题也是找了很久才 ...
- flutter 安装过程遇到的坑
Flutter是一个移动应用程序的软件开发工具包(SDK),用一个代码库构建高性能.高保真的iOS和Android应用程序.目标是使开发人员能够为Android和iOS提供自然的高质量的应用,在滚动行 ...
- Flutter入门教程(四)第一个flutter项目解析
一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname ...
- Linux+apache+mono+asp.net安装教程
Linux+apache+mono+asp.net安装教程(CentOS上测试的) 一.准备工作: 1.安装linux系统(CentOS,这个就不多讲了) 2.下载所需软件 http-2.4.4.ta ...
- Greenplum 源码安装教程 —— 以 CentOS 平台为例
Greenplum 源码安装教程 作者:Arthur_Qin 禾众 Greenplum 主体以及orca ( 新一代优化器 ) 的代码以可以从 Github 上下载.如果不打算查看代码,想下载编译好的 ...
- git 安装教程
昆,简单说下安装教程1,安装Git2,安装TortoiseGit3,打开第一步安装的git工具GIT BASH
- Docker和Docker-compose安装教程以及docker-elk,docker-storm安装教程
此安装教程仅供我自己安装配置时查看,其他的人不可以偷看!!! 安装Docker 1. Update package information, ensure that APT works with th ...
- RHEL 6.3 详细安装教程
以前刚接触linux时,什么都不懂,为了学习,在电脑上安装双系统(原系统为Win7),吃过不少苦头,在网上搜教程,很多都是语焉不详,导致安装过程中战战兢兢.最近朋友面试运维,面试官有考他对linux安 ...
- Android Studio的下载和安装教程(从ADT到AS)
之前一直使用的是Android development tools(简称ADT),后来说是google对ADT不再提供支持,然后一直在考虑是否把自己电脑换成Android Studio(简称AS),从 ...
随机推荐
- Cookie seesion 赋值
后台赋值: Session["uid"] = userid;//后台 后台取值: Label1.Text = Session["userid"].ToStrin ...
- (转)C# TextBox ReadOnly / Enabled 时,后台无法取值问题
当页面上的某个TextBox 设置了属性ReadOnly = "True" 或 Enabled = "False" 时,在客户端为其赋值后,在后台代码中却无法获 ...
- ChineseLunisolarCalendar 农历日期
#region 农历日期 static ChineseLunisolarCalendar cCalendar = new ChineseLunisolarCalendar(); /// <sum ...
- winform ComBox绑定数据
初始化数据: List<KeyValuePair<string, string>> list: ComBox1.ValueMember = "Key";Co ...
- GDI+绘图基础
GDI+ 指的是.NET Framwork中提供的二维图像.图像处理等功能,是构成Windows操作系统的一个子系统,它提供了图形图像操作的应用程序编程接口(API). 使用GDI+可以用相同的方式在 ...
- nodejs nodejs模块使用及简单的示例
nodejs模块使用及简单的示例 参考菜鸟教程网:http://www.runoob.com/ 一.fs模块的使用: 1.文件操作: 读文件: //读文件 var fs=require('fs'); ...
- Airtest中pcoc的常用方法
a=poco(resourceId="com.wuba.zhuanzhuan:id/a0q").get_text() #获取resourceId文字信息(用于界面有text元素的) ...
- 配置IIS使用Python 与常见问题解决
打开IIS管理器 选择功能视图,然后选择ISAPI和CGI限制 打开后,在右侧操作,点击添加,会出现下图所示 按图中提示填写相应部分,在选择路径时,默认可能是dll文件,改成全部文件即可,然后再选择p ...
- (Python OpenGL)【4】Uniform变量 PyOpenGL
(Python OpenGL) 原文:http://ogldev.atspace.co.uk/www/tutorial05/tutorial05.html(英文) __author__ = " ...
- P4219 [BJOI2014]大融合 LCT维护子树大小
\(\color{#0066ff}{ 题目描述 }\) 小强要在\(N\)个孤立的星球上建立起一套通信系统.这套通信系统就是连接\(N\)个点的一个树. 这个树的边是一条一条添加上去的.在某个时刻,一 ...