《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试

Flutter实战记录

第一章 Flutter搭建、启动、虚机调试


文章目录

  • Flutter实战记录
  • 一、开发Flutter需要准备的工具
  • 二、搭建
    • 1.在Android Studio中安装依赖
    • 2.创建一个新的Flutter项目
    • 3.Genymotion新增一个安卓虚拟机
    • 4.启动Flutter Demo


一、开发Flutter需要准备的工具

  • 编码工具
    Android Studio 3.5.2
  • 模拟器
    Genymotion
    下载地址:https://www.genymotion.com/download/

二、搭建

1.在Android Studio中安装依赖

File->Settings->Plugins

安装Flutter和Dart依赖,安装完后如下图:
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第1张图片

2.创建一个新的Flutter项目

File->New->New Flutter Project

选择Flutter Application,点击next
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第2张图片
填写对应的项目内容,点击next,然后直接Finish
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第3张图片

3.Genymotion新增一个安卓虚拟机

点击右上角➕号,双击Custom Phone
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第4张图片
配置虚拟机属性,点击Install进行安装
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第5张图片
选中安装完的虚拟机,选择右侧···,点击Start进行启动
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第6张图片
启动后如下图
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第7张图片

4.启动Flutter Demo

在Android Studio中选择已经启动的虚拟机,启动项目
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第8张图片
启动成功后虚拟机如图
《Flutter实战记录》第一章 Flutter搭建、启动、虚机调试_第9张图片

你可能感兴趣的:(flutter,框架搭建,android,flutter,android,android,studio)