一、Flutter介绍

Flutter是谷歌开发的一款开源,免费的移动ui框架，可让让我们在Android和iso上构建高质量App,它最大的特点就是跨平台,以及高性能。
Flutter是基于谷歌的dart语言。

Flutter诞生过程：

  • 2017 年 Google I/O 大会上，Google 首次推出了一款新的用于创建跨平台、高性能的移动应用框架——Flutter。
  • 2018年2月，Flutter发布了第一个Beta版本，同年五月， 在2018年Google I/O 大会上，Flutter 更新到了 beta 3 版本。
  • 2018年6月，Flutter发布了首个预览版本，这意味着 Flutter 进入了正式版（1.0）发布前的最后阶段。

观其发展，在2018年5月份，Flutter 进入了 GitHub stars 排行榜前 100 名，已有 27k star。而今天(2019年5月29日)，已经有65K的Star。经历了短短2年多的时间，Flutter 生态系统得以快速增长，由此可见，Flutter在开发者中受到了热烈的欢迎，其未来发展值得期待

二、windows开发环境配置

1.安装JDK

百度云盘

  1. //1.配置 系统变量JAVA_HOME
  2. C:\Program Files\Java\jdk1.8.0_191
  3. //2.配置 系统变量 CLASSPATH
  4. C:\Program Files\Java\jdk1.8.0_191\lib
  5. //3.配置 用户变量 Path
  6. C:\Program Files\Java\jdk1.8.0_191\bin
  7. 在命令行输出
  8. javac
  9. //有输出表示安装成功

2.安装Android Studio

  1. https://developer.android.com/studio

3.Flutter SDK

  1. https://flutter.dev/docs/development/tools/sdk/releases#windows

选中以下版本

Version Ref Release Date
v1.5.4-hotfix.2 7a4c334 2019/5/8 
  1. //配置环境变量（用户变量） path
  2. C:\flutter\bin    //flutter安装目录bin目录下的路径  
  3. //命令行输入flutter -v 看是否安装成功

4.配置Flutter国内镜像

  1. https://flutter-io.cn/
  1. Flutter 社区
  2. FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
  3. PUB_HOSTED_URL: https://pub.flutter-io.cn

env-var.png

5.flutter doctor命令检测环境是否配置成功

  1. //在git命令下输入检查环境是否配置成功
  2. flutter doctor
  1. flutter doctor --android-licenses
  2. //命令行输入以上命令,一路y

6.创建项目

6-1 打开vs-code创建Flutter项目

  1. ctrl+shift+p  打开命令行
  2. 输入Flutter:New Project
  3. 输入文件名  //flutter_app01

6-2 打开Android Studio安装Flutter插件

env-var.png
env-var.png
创建Flutter项目
创建项目之后导入
open01.png
open01.png