2019 Android Studio 使用Flutte开发 安装开发环境(Windows)

自:最近项目刚发版,可以短暂的休息一下。
之前浏览的不少大佬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 会自动检测当前开发环境配置,并且自动下载欠缺的文件。
如下图所示:2019 Android Studio 使用Flutte开发 安装开发环境(Windows)_第1张图片
3.Android Studio安装Dart,Flutter
2019 Android Studio 使用Flutte开发 安装开发环境(Windows)_第2张图片
2019 Android Studio 使用Flutte开发 安装开发环境(Windows)_第3张图片
安装完成,重启
2019 Android Studio 使用Flutte开发 安装开发环境(Windows)_第4张图片
Start a new Flutter project .即可开始你的Flutter入坑之旅。
4.Flutter项目结构目录分析
打开项目,目录结构如下:
2019 Android Studio 使用Flutte开发 安装开发环境(Windows)_第5张图片
android目录
这里存放的是Flutter与android原生交互的一些代码,这个路径的文件和创建单独的Android项目的基本一样的。不过里面的代码配置跟单独创建Android项目有些不一样。

ios目录
这里存放的是Flutter与ios原生交互的一些代码。

lib目录
这里存放的是Dart语言编写的代码,这里是核心代码。不管是Android平台,还是ios平台,安装配置好环境,可以把dart代码运行到对应的设备或模拟器上面。刚才的示例中,就是运行的lib目录下的main.dart这个文件。
我们可以在这个lib目录下面创建不同的文件夹,里面存放不同的文件,使用Dart语言写我们的自己的代码。

你可能感兴趣的:(flutter,Flutter)