Flutter - 命令行工具源码调试环境搭建

叁歲伎倆 2024-05-24 21:39 85阅读 0赞

#### 文章目录 ####

*  前言
 *  开发环境
 *  环境搭建
 *  运行测试
 *  调试测试
 *  最后

--------------------

## 前言 ##

开发Flutter项目时难免会遇到各种问题，源码调试对于问题的解决不可或缺。

对于Flutter框架项目的源码调试，如果是[Flutter核心库][Flutter]调试，只需要创建一个Flutter项目并在项目中使用需要调试的库就能找到源码打断点调试，甚至你可以直接修改源码，重新运行后改动即可生效；如果是[Flutter命令行工具][Flutter 1]调试，没有核心库调试那么简单，需要调试的情况也少，不过还是在这里完整记录一下，希望能对你有所帮助。

## 开发环境 ##

*  Flutter: 3.10.2
 *  Dart: 3.0.2

## 环境搭建 ##

首先使用Git工具拉取最新的[Flutter][Flutter 2]框架项目代码：

git clone https://github.com/flutter/flutter.git

如果你不想拉取也行，电脑已有的Flutter SDK其实就是Flutter框架项目，是可以直接用的，不过建议拉取新的项目代码，避免破坏稳定的开发环境。

拉取成功后，如果想和本地Flutter SDK的版本保持一致，在项目根目录路径下执行命令切换：

git checkout [版本名称]

**注意，后续所有命令皆在项目根目录路径下执行。**

接着使用Android Studio打开项目，这时还不急着配置Flutter SDK路径，不然会提示`The Flutter SD installation is incomplete`：

![screenshot1][]

先执行命令：

bin/flutter

Flutter会自动下载Dart SDK并构建命令行工具。执行完成后，Flutter SDK路径配置为当前项目路径：

![screenshot2][]

Dart SDK路径配置为当前项目下的`bin/cache/dart-sdk`路径，同时要开启`Enable Dart support for the project 'flutter'`：

![screenshot3][]

配置完毕，你会发现项目一堆报错，这时`flutter update-packages`命令就派上用场了，执行命令获取所需要的全部依赖项：

bin/flutter update-packages

执行成功后，项目不再报错。到此，调试环境基本搭建完成！

## 运行测试 ##

Flutter命令行工具的执行入口位于`packages/flutter_tools/bin/flutter_tools.dart`文件，平时开发执行的`flutter doctor`、`flutter build`等等命令都会执行到这边。

现在我们可以通过`dart`命令尝试运行`flutter_tools.dart`执行Flutter命令：

bin/dart packages/flutter_tools/bin/flutter_tools.dart doctor

可能有人会有疑问，前面`bin/flutter`不也可以执行Flutter命令，为什么还要执行`flutter_tools.dart`呢？

这是因为`bin/flutter`最终是执行到了`bin/cache/flutter_tools.snapshot`快照文件，更详细的一些分析，可以参考这篇文章[Flutter问题记录 - Unable to find bundled Java version][Flutter_ - Unable to find bundled Java version]。如果你想要你的源码改动生效，就必须重新构建新的快照文件（可以通过手动删除`flutter_tools.snapshot`文件强制重新构建），同时也不好调试。

如果你遇到类似这样的报错：

Error: The specified language version is too high. The highest supported language version is xxx.

这是Dart SDK版本太低导致的，请使用`bin/dart`命令，最终使用的是`bin/cache/dart-sdk`目录下的Dart SDK。

除了以上方法，还可以借助Android Studio运行。当然，直接像这样运行是没办法执行指定Flutter命令的：

![screenshot4][]

需要配置具体的命令参数：

![screenshot5][]

例如`flutter doctor`命令这样配置：

![screenshot6][]

配置后再次运行就好啦，其实本质还是运行前面方法中的命令。

## 调试测试 ##

通过Android Studio调试很简单，配置好需要调试的命令参数后像平时一样打断点调试即可：

![screenshot7][]

当然，也可以通过`bin/dart`命令调试：

bin/dart --pause-isolates-on-start --observe packages/flutter_tools/bin/flutter_tools.dart doctor

执行输出：

The Dart VM service is listening on http://127.0.0.1:8181/etUQnsnEyTE=/
    The Dart DevTools debugger and profiler is available at: http://127.0.0.1:8181/etUQnsnEyTE=/devtools?uri=ws://127.0.0.1:8181/etUQnsnEyTE=/ws
    vm-service: isolate(2029164948512007) 'main' has no debugger attached and is paused at start.  Connect to the Dart VM service at http://127.0.0.1:8181/etUQnsnEyTE=/ to debug.

用浏览器打开链接调试：

![screenshot8][]

如果要终止调试命令，可以使用快捷键`Control + C`。

参考文档：

*  [Dart DevTools][]

## 最后 ##

如果这篇文章对你有所帮助，请不要吝啬你的点赞?加星?，谢谢～

[Flutter]: https://github.com/flutter/flutter/tree/master/packages/flutter
[Flutter 1]: https://github.com/flutter/flutter/tree/master/packages/flutter_tools
[Flutter 2]: https://github.com/flutter/flutter
[screenshot1]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/c67a9baa47b14e0a992b129593560337.png
[screenshot2]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/0c831dd360754496a649e84a29d1ba44.png
[screenshot3]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/2b92f7ec378b492b8ae80926c465911c.png
[Flutter_ - Unable to find bundled Java version]: https://blog.csdn.net/crasowas/article/details/128756923
[screenshot4]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/10f9bad4043442eb94adec6df82ef81d.png
[screenshot5]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/9b99c9788f9b4f4e9c3c744d826aa46c.png
[screenshot6]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/17b84a08df6649bcbcf18222d4065825.png
[screenshot7]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/a2ccc7d8286a4ec5b3746fedfbc1ae73.png
[screenshot8]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/8177467b75874f33a3e527ffffd242d8.png
[Dart DevTools]: https://dart.dev/tools/dart-devtools#1-start-the-target-app