Flutter开发之入门篇

上一节对于Flutter环境搭建的学习,本节向导将会快速的描述在ios或者Android创建运行你的第一个Flutter应用

开始之前

对于写一个Flutter应用,你将需要安装好Flutter SDK。同时你也需要设置一个Linux或者Mac开发机器去在Android 或者ios上运行和测试你的应用。见Flutter搭建篇将会描述如何搭建你的开发环境的

创建你的第一个Flutter应用

对于创建一个开始的项目,打开terminal终端,然后运行flutter命令
这儿是一个示例

1
$ flutter create myapp

flutter_get_started_1.png

以上的命令创建一个Flutter项目目录,被叫做myapp,它包含了一个简单的示例,使用了Material Design
在这个项目的目录中,对于你的app代码是在myapp/lib/main.dart

运行你的Flutter应用

使用flutter run命令运行你的Flutter应用到你已经连接成功的所有设备或者模拟器(flutter devices命令将会列出你已经连接成功的设备或者模拟器)

对于从命令行运行你的应用:
1、打开一个teminal终端,并改变它的目录到你的app根目录下(对于你的项目,这个相同的目录下包含了一个pubspec.yaml文件)
2、运行如下命令:

1
$ flutter run

flutter_get_started_2.png

另外,如果你是使用的Atom editorFlutter package,你能够通过选择在项目lib/main.dart中的文件,然后在主界面上点击运行app的快捷键开始你的Flutter应用。快捷键依赖于你使用的开发机器的操作系统:

  • Linux Ctrl+R
  • Mac Command+R

flutter_get_started_3.png

如果程序能正常工作,你应该能看到你的应用已经在你的设备或者模拟器上面启动起来了

  • iOS (iPhone 6s Plus)

flutter-starter-app-ios.png

  • Android (Nexus 6)

flutter-starter-app-android.png

以上操作就完成了Flutter的入门操作

以上部分具体内容来源Flutter官网,对其译文并扩展,如有不足,欢迎指正。

0%