如何通过WSL在Windows上从Flutter生成的lcov文件生成HTML

步骤1：在WSL中安装lcov工具 #

生成HTML报告需要用到genhtml命令，它属于lcov工具包。根据你使用的WSL发行版执行对应安装命令：

• Ubuntu/Debian系：

  sudo apt update && sudo apt install lcov -y
  

• Fedora/RHEL系：

  sudo dnf install lcov -y
  

步骤2：定位到lcov文件所在路径 #

你可以直接在WSL中访问Windows上的Flutter项目目录（WSL默认挂载Windows磁盘到/mnt/下，比如C盘对应/mnt/c/）。假设你的Flutter项目在Windows的C:\dev\my_flutter_app，且lcov文件生成在项目的coverage/lcov.info，则在WSL中执行：

cd /mnt/c/dev/my_flutter_app/coverage

如果已经把lcov文件复制到WSL本地目录，直接进入该目录即可。

步骤3：生成HTML报告 #

执行genhtml命令将lcov文件转换为可视化HTML报告，指定输出目录（这里用html_report作为输出目录名）：

genhtml lcov.info -o html_report

执行完成后，html_report目录下会生成所有HTML文件，入口是index.html。

步骤4：查看报告 #

有两种方式查看生成的HTML报告：

• 在WSL中打开：先安装桌面环境或浏览器工具（比如Ubuntu下安装xdg-open），然后执行：

  xdg-open html_report/index.html
  

• 在Windows中打开：通过WSL网络路径访问，比如你的WSL发行版是Ubuntu，报告目录在/home/your_username/html_report，则在Windows文件管理器地址栏输入\\wsl$\Ubuntu\home\your_username\html_report，双击index.html用本地浏览器打开。

注意事项 #

• 如果lcov文件路径包含空格或特殊字符，记得用双引号包裹路径，比如genhtml "my lcov file.info" -o html_report
• 确保执行命令时当前目录下存在lcov.info文件，若路径不对，直接传入完整路径即可，比如genhtml /mnt/c/dev/my_flutter_app/coverage/lcov.info -o ~/html_report

内容的提问来源于stack exchange，提问作者Daniel Oliveira