Fluuter初探(一)

2018/3/2 10:27:29

---

官方网站

flutter.io/

介绍

Flutter是谷歌的移动UI框架，可在创纪录的时间内在iOS和Android上制作高质量的原生界面。Flutter与现有的代码一起工作，被全世界的开发者和组织使用，并且是免费和开源的。

特点

以创纪录的时间构建美丽的原生应用 Flutter是谷歌的移动UI框架，可在创纪录的时间内在iOS和Android上制作高质量的原生界面。Flutter与现有的代码一起工作，被全世界的开发者和组织使用，并且是免费和开源的。

快速发展

以毫秒为单位进行热重新加载，让您的应用生活起来。使用丰富的完全可定制的小部件在几分钟内构建本地接口。

表现力和灵活的用户界面

快速发布专注于本地最终用户体验的功能。分层架构允许完全自定义，从而实现令人难以置信的快速渲染和表现力和灵活的设计。

本机性能

Flutter的小部件包含所有重要的平台差异，如滚动，导航，图标和字体，以在iOS和Android上提供完整的本机性能。

入坑

我的环境

Windows 10 10.0
JRE: 1.8.0_152-release-915-b01 amd64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
复制代码

天朝环境配置参考地址

github.com/flutter/flu…

首相添加环境变量

 PUB_HOSTED_URL 

	https://pub.flutter-io.cn

 FLUTTER_STORAGE_BASE_URL 

	https://storage.flutter-io.cn
复制代码

下载

git clone -b dev https://github.com/flutter/flutter.git
复制代码

添加环境变量到PATH

Android Studio 或者 IDEA 安装Flutter插件

进入flutter目录运行，下载SDK

flutter doctor
复制代码

修改\flutter\packages\flutter_tools\gradle,否则会报错

创建一个新的项目

flutter create helloworld
复制代码

创建成功

![](https://i.imgur.com/accck0O.png)
复制代码

进入

cd helloworld
复制代码

运行

flutter run
复制代码

运行成功

Visual Studio Code配置

安装 dart code插件
复制代码

修改代码

修改lib下的main.dart

• 修改标题

• 修改内容

• 修改计数器

可以看到运行效果