如何调试网页的 JS(以 React 为例)

上节我们知道了什么是调试、调试的原理,这节我们开始学习调试工具的使用。 首先从网页的 JS 调试开始。 我们以 React 项目为例,用 create-react-app 创建一个 react 项目: yarn create react-app test-react-debug 进入项目目录,执行 npm run start。 它会启动一…
初识调试
VSCode深度配置 – setting.json
作为前端开发,调试是每天都会接触的概念。你觉得什么是调试呢? 有同学说,我用 Chrome DevTools 调试网页,可以查看元素,网络请求,断点运行 JS,用 Performance 工具分析性能等,这是网页的调试。 有同学说,我用 VSCode Debugger 调试 Node.js,可以同时调试多个进程的代码。这是 Node.js 的调试。…
看完本文,你将 让你的 VSCode 打字流畅度提升 114 倍 不同工程使用各自的项目配置、插件 更加美观的自定义窗口 更加智能代码提示、替换 更加清晰的代码块结构,能一目了然地看出嵌套关系 删掉那些标题党推荐的无用插件,使用 VSCode 自带的功能 自定义代码颜色,VSCode 主题 现况概要 我每天逛各种社区,看到的关于 VSCode 的文…