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),从 ...
随机推荐
- Altium designer的PCB设计规则
PCB布线规则,布板需要注意的点很多,但是基本上注意到了下面的这此规则,LAYOUT PCB应该会比较好,不管是高速还是低频电路,都基本如此. 1. 一般规则 1.1 PCB板上预划分数字.模拟.DA ...
- [转载]Redhat Enterprise 6.1 如何使用免费的CentOS的yum源
Redhat Enterprise 6.1 如何使用免费的CentOS的yum源 graybull posted @ 2013年2月18日 22:29 in Unix/Linux with tags ...
- linux手动安装配置 mysql5.7
本文原出处地址 https://www.cnblogs.com/mujingyu/p/7689116.html 一.安装前的检查 1.1 检查 linux 系统版本 [root@localhost ...
- HttpWebRequest,HttpWebResponse 使用
目的:工作中已经两次使用了,特此记录一下,并写好注释 /// <summary> /// HttpWebRequest的基本配置 /// </summary> public c ...
- javascript 文本框值变化触发事件
javascript 文本框值变化触发事件jo.find(".price").bind('input onpropertychange', function () { me.cal ...
- c# 时间格式处理,获取格式: 2014-04-12T12:30:30+08:00
C# 时间格式处理,获取格式: 2014-04-12T12:30:30+08:00 一.获取格式: 2014-04-12T12:30:30+08:00 方案一:(局限性,当不是当前时间时不能使用) ...
- nginx: [emerg] the "ssl" parameter requires ngx_http_ssl_module in /usr/local/nginx//conf/nginx.conf:117
SSL相关的配置加到了nginx的配置文件中后,nginx竟然启动不起来了 于是用如下命令测试问题所在: /usr/local/nginx/sbin/nginx -c /usr/local/nginx ...
- Git分支管理命令
1. 创建新分支 1)创建新仓库 git init git add README.md git commit -m "readme.md" git remote add origi ...
- jmeter - 录制web网页
1. 打开JMeter工具 创建一个线程组(右键点击“测试计划”--->“添加”---->“线程组”) 创建一个http代理服务器(右键点击“工作台”--->“添加”-- ...
- php 过滤重复的数组
首先数组分为一维数组和多维数组 1.一维数组 $a = array(a,b,c,d,a,b,e,f,g); array_unique($a) 就行了 2.二维数组 $a = array( array( ...