zoukankan      html  css  js  c++  java
  • 使用 vscode + chrome debuger断点调试 Vue 程序

    1、在webpack配置文件config/index.js中新增配置:

        /**
         * Source Maps
         */
    
        // https://webpack.js.org/configuration/devtool/#development
        devtool: 'source-map',
    

    2、在项目中添加.vscode/launch.json文件

    {
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "name": "Launch localhost",
                "type": "chrome",
                "request": "launch",
                "url": "http://localhost:9527/",
                "webRoot": "${workspaceFolder}/src",
                "breakOnLoad": true,
                "sourceMapPathOverrides": {
                    "webpack:///src/*.vue": "${webRoot}/*.vue",
                    "webpack:///./src/*.js": "${webRoot}/*.js"
                }
            }
        ]
    }

    谢谢您的来访,欢迎关注交流!以下是我的个人联系方式
    电子邮箱:spring.wind2006@163.com,QQ:402085437,微信号:tm402085437

  • 相关阅读:
    html 入门 "地表最强"干货 你值得拥有
    python信号量
    死锁 与 递归锁
    互斥锁
    进程之间的通讯
    进程与多道技术
    进程对象常用属性
    开启子进程的方式2
    牛客多校赛2K Keyboard Free
    省选刷题小记 (06~10)
  • 原文地址:https://www.cnblogs.com/springwind2006/p/15546687.html
Copyright © 2011-2022 走看看