手表无法在vscode中工作？ （Vuejs）

Question

我需要一段时间才能让调试器在Visual Studio Code中运行。现在程序在.vue文件/组件内的设置断点处中断。但是这些手表似乎都没有用。即使已创建变量，它们也是未定义或不可用的。

我在launch.json中使用的设置：

{   
    "name": "chrome debug",
    "type": "chrome",
    "request": "launch",
    "port": 3000,
    "url": "http://localhost:3000/admin",
    "webRoot": "${workspaceFolder}",
    "breakOnLoad": true
    // "sourceMapPathOverrides": {
    //     "webpack:///src/*": "${webRoot}/*"
    // }
}

我通过npm run build或npm run devbuild构建我的应用程序，我的知识分子编译了这个应用程序。将.vue组件转换为Javascript文件。然后使用npm start或nodemon index.js启动应用。

的package.json

  "scripts": {
    <...>
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "devbuild": "cross-env NODE_ENV=development webpack --progress --hide-modules",
    <...>
  },

Answer 1

您是否尝试过使用nodemon添加新脚本？像这样：

  

“newScript”：“nodemon -L -e ts，json --watch .--exec \”npm run build   || npm run devbuild \“”

-L =虽然这应该是最后的手段，因为它会轮询它可以找到的每个文件。 -e =默认情况下，nodemon会查找包含.js，.mjs，.coffee，.litcoffee和.json扩展名的文件。如果您使用--exec选项并监视app.py nodemon将监视扩展名为.py的文件。但是，您可以使用-e（或--ext）开关指定自己的列表，如下所示：nodemon -e js，jade - 观察。 =要观察路径上的所有更改，在本例中是当前路径上的所有代码。 （我从documentation获得了所有这些信息。

然后，运行命令：

  

npm运行newScript