手表不能在 vscode 中工作？ (Vuejs)答案

【问题标题】：Watches not working in vscode? (Vuejs)手表不能在 vscode 中工作？ (Vuejs)
【发布时间】：2023-03-14 18:58:02
【问题描述】：

我花了一段时间才让调试器在 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 启动应用程序。

包.json

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

【问题讨论】：

标签： vue.js visual-studio-code nodemon npm-start vscode-debugger

【解决方案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 --watch . = 观察路径上的所有变化，在这种情况下是当前路径上的所有代码。（我从documentation 获得了所有这些信息。

然后，运行命令：

npm 运行新脚本

【讨论】：