在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 2.5中使用 vscode 調(diào)試， launch.json 文件該如何配

vue 2.5中使用 vscode 調(diào)試， launch.json 文件該如何配置？

利用vue-cli命令行工具生成的 Vue 項(xiàng)目,使用直接在控制臺npm run dev沒問題。但是在 vscode 中直接 debug 會(huì)報(bào)錯(cuò)。 目前配置如下：

"configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceFolder}\\build\\dev-server.js",
    }
]

這個(gè)配置在 vue2.3 版本下執(zhí)行沒有問題，vue 最新的版本中（ 2.5 ）使用的是 webpack3，這個(gè)配置下會(huì)報(bào)Cannot read property 'NODE_ENV' of undefined。 實(shí)在找不到解決方法，請大神解答一下。

回答
編輯回答
尐懶貓

安裝插件Debugger for Chrome，參考官方的CodeBook中的配置

{
  "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}/*"
      }
    }
  ]
}

除此之外還需要修改vue項(xiàng)目的配置

鏈接：在 VS Code 和 Chrome 中調(diào)試

2018年7月8日 15:00