我花了一段时间才让调试器在 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",
<...>
},