Flutter Start

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 发现更新失败了。不过不影响程序运行,说明这个操作没什么用。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏JetpropelledSnake

Python Web学习笔记之Cookie,Session,Token区别

2767
来自专栏北京马哥教育

Gitlab CE 8.1.3 安装手册(Debian/Ubuntu)

安装概述 Gitlab的安装过程主要包括以下组件的配置: 安装软件包及解决依赖项 Ruby环境 Go 系统用户 数据库(Mysql/Postgresql) Re...

3465
来自专栏北京马哥教育

nginx 总结

1. Nginx无法启动解决方法 在查看到logs中报了如下错误时: 0.0.0.0:80 failed (10013: An attempt was made...

4609
来自专栏LinXunFeng的专栏

hexo+github 搭建个人技术博客

1803
来自专栏Laoqi's Linux运维专列

rsync 常见错误与解决方法整理

由于我们经常使用rsync进行服务器文件的同步工作,但在配置过程中,会出现很多问题,下面的错误基本上都是通过客户端返回的错误进行分析 我们都是通过错误日志查看 ...

8528
来自专栏分布式系统进阶

Logstash使用中遇到的一些坑和解决方案

6622
来自专栏互联网杂技

Nginx反向代理,负载均衡,redis session共享,keepalived高可用

使用的资源: nginx主服务器一台,nginx备服务器一台,使用keepalived进行宕机切换。 tomcat服务器两台,由nginx进行反向代理和负载均衡...

5798
来自专栏Web项目聚集地

Git简洁教程-本地项目推送到GitHub

Git是当今最流行的版本控制软件,它包含了许多高级工具,这里小编就讲一下Git的安装和使用,怎样推送到自己的远程仓库。

1152
来自专栏张善友的专栏

Enterprise Library 4.0缓存应用程序块

英文原文:http://msdn.microsoft.com/zh-cn/library/cc511588(en-us).aspx Enterprise Li...

1958
来自专栏张善友的专栏

ASP.NET 2.0 中 Web 事件

ASP.NET 2.0 还提供了全功能的应用程序监视和健康监视。这个系统是由一个完全可扩展事件模型和一个能将事件发送到多种接收器的事件引擎组成的。举例来说,您可...

2137

扫码关注云+社区

领取腾讯云代金券