自:最近项目刚发版,可以短暂的休息一下。
之前浏览的不少大佬vlog,作为一个android开发。总感觉有必要了解一下Flutter。
未来应是大前端的天下,移动端+前端。
1. 下载Flutter 所需Sdk
flutter开发SDK使用git克隆仓库下载。
使用Git新建文件夹,执行如下命令:
git clone -b alpha https://github.com/flutter/flutter.git
或者可以墙的话,直接下载FlutterSDK
2. 配置系统的环境变量
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
PUB_HOSTED_URL https://pub.flutter-io.cn
ANDROID_HOME D:\AndroidSdk\sdk-tools-windows-3859397 (未添加需要加一下)
Path D:\FlutterSDK\flutter\bin (第一步下载后sdk中的bin)
CMD 输入flutter doctor命令进行检测:
flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。
如下图所示:
3.Android Studio安装Dart,Flutter
安装完成,重启
Start a new Flutter project .即可开始你的Flutter入坑之旅。
4.Flutter项目结构目录分析
打开项目,目录结构如下:
android目录
这里存放的是Flutter与android原生交互的一些代码,这个路径的文件和创建单独的Android项目的基本一样的。不过里面的代码配置跟单独创建Android项目有些不一样。
ios目录
这里存放的是Flutter与ios原生交互的一些代码。
lib目录
这里存放的是Dart语言编写的代码,这里是核心代码。不管是Android平台,还是ios平台,安装配置好环境,可以把dart代码运行到对应的设备或模拟器上面。刚才的示例中,就是运行的lib目录下的main.dart这个文件。
我们可以在这个lib目录下面创建不同的文件夹,里面存放不同的文件,使用Dart语言写我们的自己的代码。