在浏览器中展示源代码
在可以从 VS Code 调试你的 Vue 组件之前,你需要更新 webpack 配置以构建 source map。做了这件事之后,我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。这会确保你可以在一个应用中调试,即便你的资源已经被 webpack 优化过了也没关系。打开 config/index.js 并找到 devtool property。将其更新为:
如果你使用的是 Vue CLI 2,请设置并更新 config/index.js 内的 devtool property:
devtool: ‘source-map’,
如果你使用的是 Vue CLI 3,请设置并更新 vue.config.js 内的 devtool property:module.exports = {
configureWebpack: {
devtool: ‘source-map’
}
}
vue中debugger无法调试
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4784.html
相关文章
-
HTML5学习笔记(二)
-
html5基础入门教程之canvas绘制图形,2024年最新前端面试相关文章及Github学习资料
-
HTML5七夕情人节表白网页制作【JS烟花表白】HTML CSS JavaScript 烟花表白代码 html烟花告白源码
-
【HTML5】浏览器不能显示字体报错Failed to decode downloaded font问题解决
-
飘扬的爱意--花费三天用HTML5做三个告白气球
-
HTML5中Web Components技术如何扩展自定义元素?
-
前端提高篇(六十五):HTML5练习1:个性音乐播放器
-
HTML5 新增语义标签及属性
-
1 html的基础
-
Node下几十行代码实现炫酷的Markdow转HTML效果
发布的文章
HTML5学习笔记(二)
2024-04-21 10:04:45
html5基础入门教程之canvas绘制图形,2024年最新前端面试相关文章及Github学习资料
2024-04-21 10:04:24
HTML5七夕情人节表白网页制作【JS烟花表白】HTML CSS JavaScript 烟花表白代码 html烟花告白源码
2024-04-21 10:04:22
【HTML5】浏览器不能显示字体报错Failed to decode downloaded font问题解决
2024-04-21 10:04:16
HTML5标签 CSS盒模型 响应式布局 前端性能优化 实现一个元素上下左右居中 块标签,行标签,行内块标签的区别
2024-04-21 10:04:16
飘扬的爱意--花费三天用HTML5做三个告白气球
2024-01-24 15:01:25
ECharts--中国地图(无敌详细)
2024-01-24 15:01:28
HTML5中Web Components技术如何扩展自定义元素?
2024-04-21 10:04:54
前端提高篇(六十五):HTML5练习1:个性音乐播放器
2024-04-21 10:04:39
HTML5 新增语义标签及属性
2024-04-21 10:04:32
大家推荐的文章