项目使用 vue3+ant design vue,但是在开启 vue-devtools时,页面十分卡顿,性能下降的非常明显,严重影响开发体验,ant design vue是不可缺少的,devtools也是必要的开发工具,奈何二者组合起来就会变卡。
卡顿原因是 ant design vue 的 ts 类型导出过多(健壮的类型系统和轻便的体系真是鱼和熊不可兼得),导致 devtools 在进行性能分析的时候,耗费了太多资源。
有两种解决方法:
- 非必要不开启 devtools ,开启使用后,关闭 devtools 窗口,并刷新网页页面。(治标)
- 关闭 devtools 的性能监视配置,需要时再开启(能解决大部分时间的卡顿问题)
在 devtools —> Global settings —> Performance monitoring
两种办法因人而异,结合使用吧