Vue-CLI 的逐步调试

Question

我与创建Vue公司的项目Vue CLI，我有与问题vue.config.js。我希望能够在Vue CLI 中设置一个断点，以单步执行并调查到底发生了什么。

例如，我在遇到问题的proxy设置，我希望能够通过一步的lib / UTIL / prepareProxy.js当我运行npm run serve。我该怎么做？

Answer 1

运行npm run serve将在引擎盖下运行 vue-cli-service，它是 Vue 本身的一个单独包。

vue-cli-servicewebpack-dev-server在你的终端上由 Node运行的引擎盖下运行（而不是浏览器的 JS 引擎）

在 node 中调试有几种解决方案，但最简单的一种是使用Node.js 的--inspect(update: or --inspect-brk) 模式。

因此，不要运行，而是npm run serve尝试运行：

node --inspect ./node_modules/@vue/cli-service/bin/vue-cli-service.js serve

Which is the underlying command that is actually running but with --inspect flag. this should solve your problem.