【Flutter 1-5】运行Flutter的第一个项目——计数器

建立项目

建立Flutter项目有不少种方法,各个IDE工具也都集成了建立Flutter项目的快捷操做。咱们这里列举三种方式:使用命令行建立、使用Android Studio建立和使用VSCode建立。android

  • 使用命令行建立

在Flutter安装完以后,咱们就已经配置好了命令行工具,命令行工具很强大,能够知足咱们平常开发Flutter的全部操做(若是你尚未安装好Flutter环境,能够参考这里来安装)。
咱们只须要打开命令行工具 输入:windows

flutter create flutter_app
其中 `flutter_app`是咱们项目的名字。
  • 使用 Android Studio 建立

咱们打开 Android Studio,点击左上角 File->New->New Flutter Project 便可。
2020_10_25_android_createbash

  • 使用 VSCode建立
    点击VSCode上方按钮 View->Command Palette..

2020_10_25_vscode_view.png
而后在弹出的输入框内输入关键字flutter回车就能够了建立项目了。
2020_10_25_vscode_flutterapp

使用Android Studio 运行 计数器项目

用 Android Studio打开咱们刚刚建立的项目flutter_app
打开以后咱们先选择一下模拟器,而后直接点击运行就能够了。
2020_10_25_android_select_deviceide

使用VSCode 运行 计数器项目

用VSCode打开项目flutter_app,找到目录下的 main.dart文件打开
2020_10_25_vscode_main_dart
而后点击右上角运行按钮就能够了。
2020_10_25_vscode_run工具

视频教程

https://www.bilibili.com/vide...spa


公众号

相关文章
相关标签/搜索