如何进行Vue3.x源码的调试操作?

更新于
2026-09-29 23:05:18
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计717个文字,预计阅读时间需要3分钟。

如何进行Vue3.x源码的调试操作?

几句話說明如何查看源碼:使用断点调试+根據demo小例子或api的使用方式進行調試,每個小例子只關注其走過的邏輯分支。如何調試vue3.x的ts源碼:官網說明使用yarn dev命令即可對其進行調試。

几句话说下我看源码的方式

断点调试

根据demo小例子或者api的使用姿势进行调试,每个小例子只关心其走过的逻辑分支。

如何调试vue3.x的ts源码

如何进行Vue3.x源码的调试操作?

  • 官网说使用 yarn dev 命令就可以对其进行调试,可是运行该命令后,是生成过后的代码,不能对其编写的ts源码进行调试。
  • 其实再生成对应的sourcemap文件,便可以原汁原味的调试。
  • 先看下几个截图:

如果这是你想要的调试效果,下面请看下如何生成sourcemap文件。

阅读全文

本文共计717个文字,预计阅读时间需要3分钟。

如何进行Vue3.x源码的调试操作?

几句話說明如何查看源碼:使用断点调试+根據demo小例子或api的使用方式進行調試,每個小例子只關注其走過的邏輯分支。如何調試vue3.x的ts源碼:官網說明使用yarn dev命令即可對其進行調試。

几句话说下我看源码的方式

断点调试

根据demo小例子或者api的使用姿势进行调试,每个小例子只关心其走过的逻辑分支。

如何调试vue3.x的ts源码

如何进行Vue3.x源码的调试操作?

  • 官网说使用 yarn dev 命令就可以对其进行调试,可是运行该命令后,是生成过后的代码,不能对其编写的ts源码进行调试。
  • 其实再生成对应的sourcemap文件,便可以原汁原味的调试。
  • 先看下几个截图:

如果这是你想要的调试效果,下面请看下如何生成sourcemap文件。

阅读全文