debugger in vscode

先说Chrome,
直接在Developers/Source面板设置breakpoint就可以调试

再来就是在vscode中直接调试React,分为以下几个步骤:

  1. 安装Debugger for Chrome
  2. 常规yarn start (nom start)
  3. 在Debug面板中增加configuration,关联到目标地址 (http://localhost:3000)
  4. 然后Start debugging,设置breakpoint,然后f10, f11, f12就ok了

最后来看在vscode中调试nodejs

  1. 直接在Debug面板中add configuration,选择nodejs
  2. start debugging

使用 VSCode 调试 React 应用

你可能感兴趣的:(2020)