一、Flutter_初体验_建立第一个应用_AndroidStudio_windows

1.前言

至于 Flutter 是啥，我就不在这啰嗦了，下面以 windows 为例，展现一下从安装 Flutter 到运行 APP 整个过程；

 

2.安装 Flutter

2.一、中文介绍文档：https://flutterchina.club/get-started/install/ （个人阅读方式）

　  外网介绍文档：https://flutter.io/get-started/install/

2.二、Flutter SDK 下载地址：https://flutter.dev/docs/get-started/install/windows （个人下载方式）

　  Github Flutter SDK 地址：https://github.com/flutter/flutter

      看网上说用 git （git clone -b dev https://github.com/flutter/flutter.git），我偏不！

2.三、下载下来解压后的文件目录（个人目录）

 

 

2.四、配置环境变量，方便使用，配置到 path 中

 

配置上国内镜像：

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

2.五、额外补充：配上你的 sdk tool，在接下来执行 flutter doctor 过程当中须要；我配的有点乱，有的还多余了，将就看。

 

 

2.六、配置好环境变量后，在命令行执行 ：flutter doctor

注意：
[√]这个是安装OK的，[X]是须要安装的，或者者是已安装可是没有运行起来的。
这里面有几项须要注意的内容：
（1）Flutter 这是Flutter工具，就是刚才git下载的那个。
（2）Android工具链，这里指的是SDK，会标注出SDK的最大版本号。
（3）Android Studio 3.0版本（这个是下载安装的版本）
（4）Connected devices 已链接的设施，能是模拟器，也能是真机，假如已链接会显示出来。

 

2.七、安装 Android Studio 插件：flutter + dart

右上角：file > setting > plugins > 

 

2.八、上边插件装好、重启AS后、接下来就是配置 flutter sdk 路径了，毕竟这两个插件只是辅助你的，可是人家还不知道 sdk 路径在哪呢。

 

还记得上边个人 flutter sdk 的解压路径吗。配置上这个路径后，dart 就不用配置了，他会自动给你配置上：

 

至此安装 flutter 结束了。

3.建立 Flutter APP

接下来就是建立 flutter 项目了，file > new > new Flutter Project...

 

注意：这里能支持ios和kotlin，假如须要的话能勾上。

 

 

在这里，我用的我本身的真机，建立好后会自动识别的，跟建立一个普通安卓项目运行差很少，下面是个人真机运行结果：

 

博客地址：https://www.cnblogs.com/niceyoo

本文地址：https://www.cnblogs.com/niceyoo/p/9240359.html

 

推荐一个课程：《Flutter移动电商实战》- 快速掌握实际项目开发