本文会说明如何调试javascript 或者 nodejs的方法。该方法不局限于开发工具,你可以使用atom或者vscode。也不局限于测试框架,你可以使用vue-test-utils, mocha, jest等等。
步骤
- 在要调试的代码处加debugger
- 打开Chrome(谷歌浏览器),并在地址栏输入 chrome://inspect ,选择 Open dedicated DevTools for Node
- 在命令行窗口下,不直接使用测试框架的cli接口,比如jest, vue-test-utils,而是使用node --inspect <测试框架的cli接口> 来执行单元测试。比如原来的测试命令是
vue-test-utils test:unit
现在就改成
node --inspect node_modules/.bin/vue-cli-service test:unit
-
执行该命令后,Chrome DevTools会自动打开源码并停在写有debugger语句的代码处