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

标签：图片   计数   androi   view   ash   bilibili   footer   输入框   sel   

创建Flutter项目有很多种方法，各个IDE工具也都集成了创建Flutter项目的快捷操作。我们这里列举三种方式：使用命令行创建、使用Android Studio创建和使用VSCode创建。

文末附有视频教程

• 使用命令行创建
  在Flutter安装完之后，我们就已经配置好了命令行工具，命令行工具很强大，可以满足我们日常开发Flutter的所有操作（如果你还没有安装好Flutter环境，可以参考这里来安装）。
  我们只需要打开命令行工具 输入:

  flutter create flutter_app

  其中 flutter_app是我们项目的名字。

• 使用 Android Studio 创建
  我们打开 Android Studio，点击左上角 File->New->New Flutter Project 即可。
  
• 使用 VSCode创建
  点击VSCode上方按钮 View->Command Palette..
  
  然后在弹出的输入框内输入关键字flutter回车就可以了创建项目了。
  

使用Android Studio 运行 计数器项目

用 Android Studio打开我们刚刚创建的项目flutter_app
打开之后我们先选择一下模拟器，然后直接点击运行就可以了。

使用VSCode 运行 计数器项目

用VSCode打开项目flutter_app，找到目录下的 main.dart文件打开

然后点击右上角运行按钮就可以了。

视频教程

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

标签：图片   计数   androi   view   ash   bilibili   footer   输入框   sel   

原文地址：https://blog.51cto.com/13824996/2546050