看了一堆网上的创建Flutter项目的教程，本以为会快点，没想到采了一堆坑…还是要看Flutter以及dart的官网的资料啊…

https://flutter.dev/docs/get-started/install 主要是讲Flutter环境的安装。
https://flutter.dev/docs/get-started/editor 主要是讲安装 editor plugin (即安装Flutter插件)。
这些在 Flutter环境搭建(Linux系统)以及创建Flutter类型的module 中已经完成了，本文主要是讲创建一个简单的Flutter Project并运行。

本文主要是讲创建一个Flutter Project的步骤
本文主要参考：https://flutter.dev/docs/get-started/test-drive

步骤

1.File -> New -> New Flutter Project

2.验证 Flutter SDK 路径是否正确
3.输入 project name，点击Next
4.点击Finish
5.Wait for Android Studio to install the SDK and create the project.
等待Android Studio安装SDK以及创建项目

上面的命令创建了一个名为myapp的flatter项目目录，其中包含了一个使用 Material Components 的简单演示app。

应用程序的代码在lib/main.dart中，有关每个代码块的高视角的描述，请参见该文件顶部的注释。

又卡在了Creating Flutter Project 这里了，卡了好几分钟了，等不下去了…等了十几分钟还是这样，并且没有任何输出信息，无法定位问题。

看来这个问题是一直都有啊，就像 Flutter环境搭建(Linux系统)以及创建Flutter类型的module 中也一直卡在 Creating Flutter Module 一样，卡了很久很久，最后是用命令 flutter create -t module XXXmodule 创建 flutter module 解决的。

卡在Creating Flutter Project这个问题的解决方案：
方案(1)：杀掉as进程，重启as后，打开项目，看看flutter module是否正常运行
方案(2)：杀掉as进程，重启as后，打开项目，用命令flutter create -t module XXXmodule创建 flutter module
方案(3)：不杀掉as进程，继续等待，有时候等的久一点，就创建成功了

但是！虽然没有创建成功，但相应项目路径下已经有这个项目了。

于是，直接去任务管理器杀掉as进程，然后重启Android Studio，然后直接打开项目（而不是再次创建项目）。

打开项目后，提示：pub get has not been run

意思是flutter的pub get 命令还没执行，因此还没获取到依赖，于是点击上面黄条中的Get dependencies，于是Android studio自动执行 flutter pub get 命令，并且执行成功，见下面的Messages视图：

flutter pub get 命令很快就执行完成了，大概用了1.3秒。

然后在Android Studio的模拟器选择栏那里选择一个模拟器(如果没有模拟器就启动一个模拟器)，然后点击run按钮，显示：

过了一会儿，Starting DevTools 弹框消失了，app启动，但是，是显示一个白屏页面是怎么回事？

同时，run视图的输出信息：

等啊等…

run视图终于有新的输出信息：Activating Dart DevTools… 如下图：

但模拟器页面还是像上面那样白屏…

继续等… 为什么要等，因为Android studio 提示在 Activating Dart DevTools… 啊…

等啊等…

等了挺久，模拟器页面终于有显示了：

同时，run视图的输出信息：

点击页面右下角的蓝色+按钮，数字可以不断加1

卧槽，启动一个flutter项目当真不容易啊！

AS一直卡在提示：Activating Dart DevTools…的问题解决总结

如果运行flutter app时AS一直卡在提示：Activating Dart DevTools…

解决方式：

关闭AS，然后重新打开AS，再次点击运行按钮(即Run按钮)运行lib/main.dart，看看是否运行成功。
可以把本次as进程结束掉，然后重启as，打开项目后，可以尝试使用命令行激活Dart
DevTools(参考：https://dart.dev/tools/dart-devtools 的Using DevTools with a command-line app 这部分内容)，然后再点击run按钮运行flutter app。

更多可以参考：polkawallet SDK & APP (Flutter)项目构建与运行的AS卡在Actvating Dart DevTools… 这部分内容。

源码

https://github.com/helloyzp/flutter_app

参考：
Flutter官方文档的Get started
https://flutter.dev/docs/get-started/test-drive
https://flutter.dev/docs/get-started/flutter-for/android-devs
以及dart的基础资料：
https://dart.dev/tools
https://dart.dev/tools/jetbrains-plugin
https://dart.dev/tools/dart-devtools

使用Android studio 创建flutter项目时卡死在 Creating flutter project
Flutter 环境搭建 & 解决卡死（Creating Flutter Project）
Flutter 环境搭建 & 解决卡死（Creating Flutter Project）

Flutter入门-Test drive相关推荐

Flutter 入门指北(Part 9)之弹窗和提示(SnackBar、BottomSheet、Dialog)
该文已授权公众号「码个蛋」,转载请指明出处前面的小节把常用的一些部件都介绍了,这节介绍下 Flutter 中的一些操作提示.Flutter 中的操作提示主要有这么几种 SnackBar.Botto ...
Flutter入门进阶之旅（二）Hello Flutter
开题好像几乎我们学习或者掌握任何一门编程语言都是Hello word开始的,本篇博文做为Flutter入门进阶的第一篇分享,我们也从最简单的Hello world开始,至于Flutter开发环境的配 ...
从零开始的Flutter入门实战（二）
目录前言一.Column布局 1.创建一个Column 2.添加Container 3.运行验证二.Row布局 1.将Column改成Row 三.Column布局和Row布局的混合使用 1.Si ...
Flutter入门——创建第一个Flutter项目
Flutter入门--创建第一个Flutter项目一.创建项目第一个项目使用Android Studio创建,步骤如下: 先打开Android Studio,会有一个创建新的Flutter应用的选 ...
Flutter入门实战教程：从0到1仿写web版掘金App （完结）
前言准确的说,这是去年十一月份就写好的教程, 虽然迟迟未上线(拖了半年),但是非常感谢购买的老铁们~ 虽然心中很不爽, 但是回头想想,也是的确写的比较仓促,但是当时自己在写的过程中,的确能学到很多东 ...
Flutter入门实战：从0到1仿写web版掘金App
2018曾埋下一粒种子,今年一定要写一本小册... 前言立贴的方向曾今是分析react源码并实现react mini...的确亚历山大,后因团队技术方向探索以及业务压力,没有太多时间来学习源码.当然 ...
Flutter 入门经典
Flutter是Google公司推出的新一代前端框架,最初目标只是为了满足移动端跨平台的应用开发, 开发人员可使用 Flutter 在 iOS 和 Android 上快速构建高质量的原生用户界面.但如 ...
Flutter入门进阶之旅（十二）Flutter 数据存储
前言之前的章节我们基本上把Flutter中基础部分的东西都做了简单的讲解,通过前面章节的循序学习读者也基本能完成一些简单的UI绘制并能利用Flutter处理一些简单的用户交互,读者可能也留意到,我们 ...
Flutter入门之——HelloWorld
Flutter入门之--HelloWorld 安装Flutter开发环境首先要准备好Flutter的开发环境和开发所使用的IDE,这里我们使用AndroidStudio作为开发工具. Flutter ...

Flutter入门-Test drive

步骤

AS一直卡在提示：Activating Dart DevTools…的问题解决总结

源码

Flutter入门-Test drive相关推荐

最新文章

热门文章