整站全貌
所有页面集中在一张图里,网站再大,也能快速看清整体结构。
解压后在 chrome://extensions 开启开发者模式,点击“加载已解压的扩展程序”。
应用变大后,很少有人能在一个地方看到全部内容。开发看路由文件,设计看原型,测试看用例,每个人还要在脑子里记住一部分流程。这些信息很快就会对不上。
PageFlow 直接读取正在运行的应用,把真实页面和跳转关系放在一起。打开一张图,就能知道有哪些页面、用户可以去哪里,以及每个页面有没有对应测试。
pnpm add -D unplugin-pageflow在开发配置中加入 PageFlow,启动应用,然后打开插件输出的访问地址。