vue中的代码如何进行断点调试
更新时间：2023年04月22日 13:53:56 作者：Akimoto Hiroshi
这篇文章主要介绍了vue中的代码如何进行断点调试问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue代码进行断点调试
对于这样的代码，我们打两个断点，想要调试的话，需要在项目根目录，新建一个文件:vue.config.js，然后根据Vue Cli脚手架版本，分别写入不同的webpack配置：
配置完毕以后：
选择chrome:
这时会显示一段用于启动项目的配置：
复制上面的代码，到之前的配置文件中：
把type对应的chrome修改为pwa-chrome:
下面开始调试
点击以后，打开一个全新的窗口：
这样就可以开始调试了，同时，新开的浏览器窗口里面，可以在这里看到源代码：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了VUE的数据代理与事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助2021-11-11
vue element-ui el-cascader级联选择器数据回显的两种实现方法
这篇文章主要介绍了vue element-ui el-cascader级联选择器数据回显的两种实现方法，具有很好的参考价值，希望对大家有所帮助。2023-07-07
这篇文章主要介绍了vue 导航菜单刷新状态不消失,显示对应的路由界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
vue路由传参的使用场景一般都是应用在父路由跳转到子路由时，携带参数跳转，本文将详细介绍vue路由传参的三种方式，这三种传参方式只是针对vue Router V3版本的,需要的朋友可以参考下2023-07-07
keep-alive是Vue中一个非常有用的特性,它可以帮助我们避免重复渲染和减少组件的渲染次数,从而提高应用程序的性能,本文给大家介绍keep-alive组件缓存的相关知识,感兴趣的朋友一起看看吧2024-01-01
这篇文章主要为大家详细介绍了Vue+Element-U实现分页显示效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了vue实现命令式弹窗组件功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了Vue3中的组件数据懒加载问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue elementUI 表单校验（数组多层嵌套）功能的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了详解mpvue小程序中怎么引入iconfont字体图标，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
最新评论