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
1.安装插件Debugger for Chrome 2.安装Chrome浏览器添加配置launch.json，复...
VS Code Python运行环境配置
安装python，VS CODE 然后，在VS CODE界面，打开“调试>>打开配置/添加配置” 其实就是配置la...
reatc native常用指令
常用环境 vs code插件 Debugger for Chrome (装完记得配置launch.json文件) ...
vs-code 使用debugger for chrome插件
1.vs-code商店下载debugger for chrome2.配置 config/index 增加modu...
vscode+phpstudy2018构建php调试环境
由于vs code开源和跨平台，而且插件很多，所以打算以后编写和调试php都用vs code。配置vs code...
VS Code调试Vue.js
安装Debugger for Chrome插件打个VS Code搜索Debugger for Chrome插件并...
MAC+VS Code+Python+Markdown调试配置
MAC+VS Code+Python+Markdown调试配置最近，初初阶程序小白——澜子迷上了VS Code的...
在VS CODE调试Angular
安装Debugger for Chrome扩展在VS Code的扩展中搜索Debugger for Chrome，...
Electron笔记 2 调试
利用 VS Code 和 Git 工具，可以对 Electron 主进程进行调试。 VS Code 官网见参考资料...
Flutter学习第二弹 - 第一个Flutter程序
开发工具：VS Code - 轻量级编辑器，支持Flutter运行和调试。创建新的应用 1、启动VS Code ...