欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-04-12 22:37:04
创建项目创建Flutter项目有很多种方法,各个IDE工具也都集成了创建Flutter项目的快捷操作。我们这里列举三种方式:使用命令行创建、使用Android Studio创建和使用VSCode创建。使用命令行创建在Flutter安装完之后,我们就已经配置好了命令行工具,命令行工具很强大,可以满足我们日常开发Flutter的所有操作(如果你还没有安装好Flutter环境,可以参考这里来安装)。我们只需要打开命令行工具 输入:flutter create flutter_app其中 flutt...
创建项目

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

  • 使用命令行创建
    在Flutter安装完之后,我们就已经配置好了命令行工具,命令行工具很强大,可以满足我们日常开发Flutter的所有操作(如果你还没有安装好Flutter环境,可以参考这里来安装)。
    我们只需要打开命令行工具 输入:
    flutter create flutter_app
    
    其中 flutter_app是我们项目的名字。
  • 使用 Android Studio 创建
    我们打开 Android Studio,点击左上角 File->New->New Flutter Project 即可。
    【Flutter 1-5】运行Flutter的第一个项目——计数器
  • 使用 VSCode创建
    点击VSCode上方按钮 View->Command Palette..
    【Flutter 1-5】运行Flutter的第一个项目——计数器
    然后在弹出的输入框内输入关键字flutter回车就可以了创建项目了。
    【Flutter 1-5】运行Flutter的第一个项目——计数器

使用Android Studio 运行 计数器项目

用 Android Studio打开我们刚刚创建的项目flutter_app
打开之后我们先选择一下模拟器,然后直接点击运行就可以了。
【Flutter 1-5】运行Flutter的第一个项目——计数器

使用VSCode 运行 计数器项目

用VSCode打开项目flutter_app,找到目录下的 main.dart文件打开
【Flutter 1-5】运行Flutter的第一个项目——计数器
然后点击右上角运行按钮就可以了。
【Flutter 1-5】运行Flutter的第一个项目——计数器

本文地址:https://blog.csdn.net/u012405234/article/details/109279137