此篇Flutter快速入门教程将介绍Flutter的环境配置与项目新建,并运行Flutter demo项目,先来了解一下什么是Flutter框架。
认识Flutter:
Flutter是由Google团队开发的一款移动应用开源库,使用的是Dart语言开发,主要用来开发跨平台的Android/IOS应用,它并不像ionic或react native那样的JS脚本语言,调用的是webView,使用Flutter开发出来的APP与原生APP几乎一样,Flutter内置了许多精美的Material Design和Cupertino(iOS风格)小组件。
步骤一:Windows电脑中搭建Flutter运行环境:
因为Flutter开发App需要搭建dart语言的运行环境,并在电脑的中配置path环境变量,很简单的。
进入到Flutter windows安装界面,点击:https://flutter.io/setup-windows/,并下载Flutter SDK的zip压缩文件到电脑中,如图所示:
解压“flutter_windows_v0.9.4-beta.zip”压缩文件,小编将解压的文件放到了D盘中的“D:\Program Files\”位置,配置path环境变量很简单,就是将“D:\Program Files\flutter\bin”这个bin目录添加到path中即可,并记得用“;”分号隔开,如图所示:
环境变量配置好之后,CMD进入电脑控制台,输入“flutter doctor”命令,检查是否缺失了某些依赖,通常情况下会输出如下类似的代码,提示没有安装Android或IOS的SDK,如下所示:
[-] Android toolchain - develop for Android devices • Android SDK at D:\Android\sdk ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ • Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions.
步骤二:Windows电脑安装Android SDK,其实就是要安装Android模拟器
如果你之前是做Android开发的,一定下载过Android Studio,这个时候就会自带有一个android模拟器,我们只需要启动android模拟器即可,因为到时候运行Flutter项目的时候,App自动会在模拟器上运行,如图所示是启动Android Studio模拟器的方法:
如果你不会安装安卓模拟器,请自行百度一下!
步骤三:创建项目,并运行Flutter项目
环境配置好,并且安卓模拟器也安装之后,就可以在CMD命令行中使用Flutter命令来创建项目了,命令如下:
//创建名为myapp的项目 flutter create myapp //进入创建的项目 cd myapp //运行项目 flutter run
运行之后效果如图所示: