vue中的代码如何进行断点调试

 更新时间:2023年04月22日 13:53:56   作者:Akimoto Hiroshi  
这篇文章主要介绍了vue中的代码如何进行断点调试问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue代码进行断点调试

对于这样的代码,我们打两个断点,想要调试的话,需要在项目根目录,新建一个文件:vue.config.js,然后根据Vue Cli脚手架版本,分别写入不同的webpack配置:

配置完毕以后:

选择chrome:

这时会显示一段用于启动项目的配置:

复制上面的代码,到之前的配置文件中:

把type对应的chrome修改为pwa-chrome:

下面开始调试

点击以后,打开一个全新的窗口:

这样就可以开始调试了,同时,新开的浏览器窗口里面,可以在这里看到源代码:

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • element-ui表单提交自动清空隐藏表单值实现

    element-ui表单提交自动清空隐藏表单值实现

    这篇文章主要为大家介绍了element-ui表单提交自动清空隐藏表单值实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 使用vue2实现带地区编号和名称的省市县三级联动效果

    使用vue2实现带地区编号和名称的省市县三级联动效果

    我们知道省市区县都有名称和对应的数字唯一编号,使用编号可以更方便查询以及程序处理,我们今天来了解一下使用vue2来实现常见的省市区下拉联动选择效果,需要的朋友可以参考下
    2018-11-11
  • vue路由传参的基本实现方式小结【三种方式】

    vue路由传参的基本实现方式小结【三种方式】

    这篇文章主要介绍了vue路由传参的基本实现方式,结合实例形式总结分析了vue.js路由传参的三种实现方式,包括params显示传参、不显示参数以及query显示参数传参,需要的朋友可以参考下
    2020-02-02
  • Vue3组件异步更新和nextTick运行机制源码解读

    Vue3组件异步更新和nextTick运行机制源码解读

    这篇文章主要为大家介绍了Vue3组件异步更新和nextTick运行机制源码解读,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • mpvue+vuex搭建小程序详细教程(完整步骤)

    mpvue+vuex搭建小程序详细教程(完整步骤)

    这篇文章主要介绍了mpvue+vuex搭建小程序详细教程(完整步骤),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Vue3中关于setup与自定义指令详解

    Vue3中关于setup与自定义指令详解

    这篇文章主要介绍了Vue3中关于setup与自定义指令,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • vue验证码(identify)插件使用方法详解

    vue验证码(identify)插件使用方法详解

    这篇文章主要为大家详细介绍了vue验证码插件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue3公共组件的main.js的作用、常用代码解析

    Vue3公共组件的main.js的作用、常用代码解析

    在Vue3中,公共组件的main.js文件扮演着非常重要的角色,它的作用主要体现在:注册全局组件、引入公共样式、引入Vue、引入组件、创建Vue实例、挂载实例,本文将围绕Vue3公共组件的main.js文件进行详细的阐述,包括其作用、常用代码等方面
    2023-08-08
  • vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作

    vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作

    这篇文章主要介绍了vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue中json格式化显示数据(vue-json-viewer)

    vue中json格式化显示数据(vue-json-viewer)

    这篇文章主要给大家介绍了关于vue中json格式化显示数据(vue-json-viewer)的相关资料,Vue-json-viewer是一个Vue组件,用于在Vue应用中显示JSON数据的可视化工具,需要的朋友可以参考下
    2024-05-05

最新评论