Win10环境下Android Studio中运行Flutter HelloWorld项目_android studio 编译运行flutter项目

一、引言

        Android Studio是Android的官方IDE(Integrated Development Environment)。它专为Android而打造，可以加快开发速度，为Android设备构建最高品质的应用。

        Flutter是Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App，实现一套代码同时运行在iOS和Android平台。

        Dart是一种针对客户优化的语言，可在任何平台上开发快速的应用程序。其目标是为多平台开发提供最高效的编程语言，并为应用程序框架搭配了灵活的运行时执行平台。通常来说，编程语言会包含一些技术壁垒，即语言在设计中的抉择决定了其功能和优势。 Dart的语言设计针对客户端开发，它优先考虑多平台(Web，移动端和桌面端) 上的开发 (亚秒级的状态热重载) 和高质量生产环境体验。Dart也是Flutter的基础。 Dart作为Flutter应用程序的编程语言，为驱动应用运行提供了环境，同时Dart还支持许多核心的开发任务，  例如格式化，分析和代码测试。

二、基础环境

        需要安装Android Studio和Flutter，Android Studio中的模拟器可不装、而选用真机。

        Android开发工具下载：https://www.androiddevtools.cn/

        安装Android Studio可查看这篇博客(仅供参考)：https://blog.csdn.net/tao_789456/article/details/118093106。

        真机运行APP(测试Android Studio开发环境，仅供参考)：https://blog.csdn.net/mfysss/article/details/128104855

        安装Flutter可查看这篇博客(仅供参考)：https://zhuanlan.zhihu.com/p/628479851(基本上是下载、解压、设置环境变量就可以了)。

三、我的环境

        Win10版本：10.0.19042

        Android Studio版本：

        真机环境：Meizu Pro 6 Plus(Android7.0.0)

        Flutter版本：

        Flutter 3.3.10 • channel stable • https://github.com/flutter/flutter.git
        Framework • revision 135454af32 (7 months ago) • 2022-12-15 07:36:55 -0800
        Engine • revision 3316dd8728
        Tools • Dart 2.18.6 • DevTools 2.15.0

四、遇到的问题

        1、安装Android Studio的时候始终无法安装手机模拟器，大概原因是电脑的CPU不支持VT-x。装不了就不逞强了(因为这不是我个人的电脑，而且电脑桌面也是云桌面，捣鼓不好弄)，然后我选用了真机运行。

        2、安装Flutter的时候，出现flutter相关的命令没反应、不运行、卡住的问题。除了上述的现象，如果你贸然在Android Studio中创建Flutter项目也会显示不正常(例如，没有Project Type、Android language、iOS language可以让你选)，或者create项目的时候被卡住。解决方案：根据博客https://blog.csdn.net/huanggan08/article/details/88641198的指引将Flutter的安装位置进行了迁移，例如我一开始是安装在C盘的“Program Files”(切忌，带空格的安装路径是有可能导致这个问题的主要原因)，然后我迁移到了C盘的根目录。

        3、在创建Flutter项目的时候出现“Invalid module name：'XxxxXxxx' - must be a valid Dart package name(lower_case_with_underscores)”。解决方案：使用小写字母或下划线的组合命名项目。

        4、Flutter App Run 卡在 Running Gradle task 'assembleDebug'。解决方案，切换Flutter的源(source，主要是flutter\packages\flutter_tools\gradle中的flutter.gradle)，具体Flutter项目中的build.gradle(即android/build.gradle文件)我这边不改也可以。我主要参考了这篇博客来解决我遇到的问题：https://www.bilibili.com/read/cv22572083。具体方法：

修改Flutter SDK中packages\flutter_tools\gradle\flutter.gradle文件：
 
将buildscript.repositories下面两行代码注释掉
//google()
//mavenCentral()
改成
maven {
   allowInsecureProtocol = true
   url 'https://maven.aliyun.com/repository/google'
}
maven {
   allowInsecureProtocol = true
   url 'https://maven.aliyun.com/repository/jcenter'
}
maven {
   allowInsecureProtocol = true
   url 'http://maven.aliyun.com/nexus/content/groups/public'
}
 
在修改过程中请注意空格字符应与文件保持一致。

        5、在运行flutter doctor的时候，它提示我没有安装Visual Studio。其实这个Visual Studio不用安装也可以开发Flutter项目，具体装不装看个人吧。

五、在Android Studio中运行Flutter HelloWorld项目

        创建一个Flutter项目：

        选择Flutter SDK路径(这一步很重要，路径不能包含空格，前面在安装Flutter的时候就要保证)，然后next：

        命名项目(注意小写)，选择Android和iOS的语言，然后点Finish。如果没有出现下面这个界面，说明Flutter没安装对，需要自己再检查调整一下。

        写代码，或者直接运行：

        然后连接电脑的Meizu Pro 6 Plus手机就会提示安装，安装后打开该app，手机屏幕上就会显示HelloWorld Times: 0，如果你不断地点“+”号图标，数字就会一直增加。

        好啦，博客快要写完了，大家有问题留言区见。

六、参考资料

        1、Android Studio 功能  |  Android 开发者  |  Android Developers

        2、Flutter介绍

        3、Dart 概览