美文网首页
vs code 配置调试工具 Debugger for Chro

vs code 配置调试工具 Debugger for Chro

作者: 前端小飞象 | 来源:发表于2019-12-15 00:13 被阅读0次

1.安装插件Debugger for Chrome

2.安装Chrome浏览器

image.png

添加配置launch.json,复制以下代码

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

3.在vue.config.js中添加一句 devtool: 'source-map'

image.png

相关文章

网友评论

      本文标题:vs code 配置调试工具 Debugger for Chro

      本文链接:https://www.haomeiwen.com/subject/mcfknctx.html