最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

Flutter快速入门教程_Google Flutter环境配置并运行Flutter项目

杂文 太平洋学习网 浏览 评论

此篇Flutter快速入门教程将介绍Flutter的环境配置与项目新建,并运行Flutter demo项目,先来了解一下什么是Flutter框架。

20181016223324.jpg

认识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压缩文件到电脑中,如图所示:

QQ截图20181016225419.jpg

解压“flutter_windows_v0.9.4-beta.zip”压缩文件,小编将解压的文件放到了D盘中的“D:\Program Files\”位置,配置path环境变量很简单,就是将“D:\Program Files\flutter\bin”这个bin目录添加到path中即可,并记得用“;”分号隔开,如图所示:

QQ截图20181016225732.jpg

环境变量配置好之后,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模拟器的方法:

QQ截图20181016210405.jpg

如果你不会安装安卓模拟器,请自行百度一下!

步骤三:创建项目,并运行Flutter项目

环境配置好,并且安卓模拟器也安装之后,就可以在CMD命令行中使用Flutter命令来创建项目了,命令如下:

//创建名为myapp的项目
flutter create myapp
//进入创建的项目
cd myapp
//运行项目
flutter run

运行之后效果如图所示:

flutter-starter-app-android.png

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/zawen/2018/1016/780.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论