当前位置: 首页 > 网络应用技术

使用Chrome进行调试VUE3的打字稿源代码

时间:2023-03-06 15:07:13 网络应用技术

  我相信许多学生已经开始Vue3,这真的很香!

  我如何在没有学习技术的情况下不学习源代码,看源代码,也许我有一天我是个大个子︿( ̄︶ ̄)︿

  今天,让我记录调试VUE3源代码以供我自己的参考的过程。

  首先,您需要下载源代码和安装依赖项:

  执行上述集合后,获取以下文件结构:

  亲密的提示:因为国内访问Github确实是乌龟的速度,所以我通常在Github上介绍项目,然后从Gitee克隆到Gitee,Speed Thief Fast!

  在目录中,使用终端执行以获取以下输出:

  使用VSCODE的Live Server插件运行,然后打开控制台以查看代码。结果是:

  所有代码都关闭。调试代码时,将获取此文件中的代码。如果要调试VUE3的打字稿源代码,我该怎么办?

  首先,在脚本指令中添加-s或-sourcemap:

  然后执行“开发调试”的步骤,获得的结果如下:

  可以看出,目前,我们可以通过断点输入VUE3的TS源代码,这也意味着我们正在调试VUE3源代码。

  可以通过上述操作可以看出,如果我们在构建VUE3时增加参数,则获得的结果可以使我们能够直接在Chrome浏览器中调试TS源代码。

  ?在本文之后,感谢您的阅读!

  学习有趣的知识,结识有趣的朋友,并创造一个有趣的灵魂!

  大家好,我是编辑萨马迪(Samadhi)的作者,我的公共帐户是“编程samadhi”,欢迎遵循,希望每个人都建议!

  来吧,我希望我有最好的时间见面!如果您返回,无论您拥有什么,都可以将其交给Yun Yue!

  知识和技能是平等的,内部和外部技能,理论和实用的手必须掌握,两只手都必须很难!