1.前言
至于 Flutter 是啥,我就不在这啰嗦了,下面以 windows 为例,展示一下从安装 Flutter 到运行 APP 整个过程;
2.安装 Flutter
2.1、中文介绍文档:https://flutterchina.club/get-started/install/ (我的阅读方式)
外网介绍文档:https://flutter.io/get-started/install/
2.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.3、下载下来解压后的文件目录(我的目录)
2.4、配置环境变量,方便使用,配置到 path 中
配置上国内镜像:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2.5、额外补充:配上你的 sdk tool,在接下来执行 flutter doctor 过程中需要;我配的有点乱,有的还多余了,将就看。
2.6、配置好环境变量后,在命令行执行 :flutter doctor
注意:
[√]这个是安装OK的,[X]是需要安装的,或者者是已安装但是没有运行起来的。
这里面有几项需要注意的内容:
(1)Flutter 这是Flutter工具,就是刚才git下载的那个。
(2)Android工具链,这里指的是SDK,会标注出SDK的最大版本号。
(3)Android Studio 3.0版本(这个是下载安装的版本)
(4)Connected devices 已连接的设施,能是模拟器,也能是真机,假如已连接会显示出来。
2.7、安装 Android Studio 插件:flutter + dart
右上角:file > setting > plugins >
2.8、上边插件装好、重启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移动电商实战》- 快速掌握实际项目开发