01、Flutter Start

作者: spilledyear | 来源:发表于2018-05-21 18:45 被阅读118次

Flutter中文网

获取Flutter SDK

git clone -b beta https://github.com/flutter/flutter.git

设置环境变量

先新增两个环境变量,这个是为了方便国内用户:

image.png
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
image.png
PUB_HOSTED_URL https://pub.flutter-io.cn

然后设置Flutter SDK环境变量

image.png

这个对应刚刚clone 下来得路径, 添加到Path环境变量上。

运行 flutter doctor

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

image.png

升级 Flutter channel 和 packages

要同时更新Flutter SDK和你的依赖包,在你的应用程序根目录(包含pubspec.yaml文件的目录)中运行flutter upgrade 命令:

flutter upgrade

新建应用

这里使用IDEA作为开发工具。

装插件:flutter、Dart

安装插件的时候需要先安装 Dart,然后再安装 flutter


image.png
image.png

新建flutter应用

File --> New project

image.png

可能需要等较长一段时间。新建好之后,应用大概长这个样子,只有lib文件夹下只有一个 main.dart 文件

image.png

启动应用

能启动应用的前提是你经配置好了Android SDk。这个刚好在我学Ionic的时候配置过了,所以这里可以省了这个过程,不会的同学可以去看看我之前写的文档。
还有一点需要注意的是,需要关闭 Hyper-V。因为我之前安装 Docker-for-window的时候开启了这个选项,所以在用安卓模拟器启动应用的时候失败了。

image.png

这些工作都准备好了之后,就可以启动应用了。如果你想在 模拟器上运行,前提是你已经通过 android avd 工具创建了一个模拟器。

image.png

这就是通过 android avd 创建的模拟器

还是简单介绍一下怎么创建一个 模拟器

android ave

点击Create


image.png

配置参数


image.png
点击确定
image.png

有了模拟器之后就可以启动应用了:

点击这个按钮启动应用


image.png
image.png

就是一个简单的计数程序,可以看到,已经可以成功运行了。

异常

启动报错

Unable to download needed Android SDK components, as the following licenses have not been accepted: Android SDK Platform 27 try to run flutter doctor --android-licenses

image.png

在命令行下执行那条提示的命令


image.png

提示有一个新版本的 Android SDK需要安装

执行以下命令

andorid sdk

弹出了 Andoird SD管理界面

image.png

然后下载 Android8.1 的 package


image.png

下载之后,再执行程序其实可以运行了。但是命令行下执行 flutter doctor --android-licenses
命令,还是提示需要更新Android SDK

image.png

所以,下载package之后已经可以了,下面的操作作用也不大。

按照提示,在命令行以下命令

D:\GreenSoft\Android\tools\bin\sdkmanager --update
image.png
image.png
image.png
image.png

发现更新失败了。不过不影响程序运行,说明这个操作没什么用。

相关文章

网友评论

    本文标题:01、Flutter Start

    本文链接:https://www.haomeiwen.com/subject/cmufjftx.html