Flutter开发工具使用指南

1、

在Android studio中安装flutter和dart工具后，Android studio就具有开发flutter的能力了

最上面是开发工具栏，当选择Android SDKbuild for x86后就可以在选定的模拟器上运行flutter项目了

如果没有创建模拟器，在ios环境下可以通过“Open iOS Simulator ”来打开ios模拟器

如果没有创建模拟器，在Android环境下可以通过“Open Android Emulator:a81”来打开Android模拟器

 

2、

选中main.dart 并点击右侧的绿色三角形图标便可以运行项目

 

3、

debug按钮：通过点击这个按钮可以debug调试flutter项目

 

4、

Flutter Attach:混合开发时，需要将混合开发的flutter和模拟器直接建立连接，则需要使用该按钮

 

5、

flutter模拟器的安装和使用

6、

开发Android项目时需要的SDK的下载和管理工具

7、

整个项目的结构面板，在这里可以查看Android的结构

8、也可以切换到Android视图，以Android的视角查看Android项目

另外，如果使用flutter开发Android项目的化，右上角有一个提示按钮，“Open for Editing in Android Studio”,提示当前是在Flutter的模式下打开Android代码，提示是否切换到Android模式下

 

 

切换到Android模式下

 

此时就可以通过Android项目运行flutter项目了

 

 

所以，运行flutter项目有两种方式，一种是通过flutter的ide进行运行，另一种是通过Android或者ios原生的ide进行运行。

比如说要运行flutter项目里的Android工程，就可以通过Android studio来打开它，通过点击运行按钮进行运行

如果要运行该项目里的ios工程，可以通过xcode打开该项目下的ios工程来运行它

9、

底部是控制面板

logcat：可以看到Android的输出日志

10、

项目运行过程和运行中出现的问题，都可以在该面板中看到

11、

terminal：  运行终端，可以对命令进行执行

 

12、

启用git版本控制

 

 

此时就可以看到版本控制面板了

 

此时就可以对项目代码进行版本控制

 

查看项目的变更