[Flutter系列]02 在模拟器和真机上运行Flutter项目

一、命令行方式运行

以flutter自带的examples/hello_world项目，演示下，通过命令行的方式在模拟器上运行此项目。
进入hello_world项目：

cd ~/Documents/flutter/examples/hello_world

运行下面命令，可查看可用的安卓和苹果的模拟器：

flutter emulators

可看到列表中有2台模拟器（上一篇文章中创建过的）。

可以通过以下命令运行模拟器：

flutter emulators --launch <emulator id>

比如，使用苹果模拟器运行flutter项目：

emulators --launch apple_ios_simulator
flutter run

效果如下：

二、 IDE方式运行

使用命令行的方式来调试项目是非常不方便的，高效的方式肯定是IDE的方式。
我的电脑上，安装的IDE有：XCode、Android Studio、Visual Studio Code和IDEA。
Flutter提供了一个命令：flutter doctor，用于检测Flutter工程的依赖。如果检测到缺失，它可以协助我们安装这些依赖。
运行命令：

flutter doctor

PS：每台电脑的缺失项可能不太一样。
我电脑显示的情况：

1、缺失项的解决方法

1）Android toolchain
运行如下命令：

flutter doctor --android-licenses

如果报错，请确认下，SDK Tools已安装，如图所示：

2）Android Studio (version 3.5)
启动Android Studio，打开菜单Preferences/Plugins，搜索Flutter插件进行安装，安装完重新启动，搞定。

IDEA做法一样。

3）VS Code (version 1.53.0)
安装Flutter插件，即可。

搞定。

2、IDE运行

1）Xcode方式

启动Xcode，打开hello_world项目中的iOS/Runner.xcworkspace。

选择已有的模拟器，运行项目：

如果是真机调试，Signing/Team，里面添加账号，并连接真机即可。

2）Android Studio方式

启动Android Studio，打开hello_world项目（Open an existing Android Studio Project）。
启动模拟器后，运行：flutter run

如果真机，请连接后测试。

3）VS Code方式

启动VS Code ，打开hello_world项目，运行。

安卓模拟器效果：