4、用VSCode调试项目

VSCode是一个轻量级、高度可定制的代码编辑器,它提供了丰富的功能和插件,使得前端开发变得更加高效和便捷。

  1. VSCode对于前端开发来说具有良好的语法高亮和代码提示功能,能够帮助开发者快速定位和修复代码错误。它支持多种前端开发语言,如HTML、CSS、JavaScript等,以及各种前端框架和库,如React、Vue等,使得开发者能够更加专注于代码的编写和调试。
  2. VSCode提供了强大的调试功能,可以方便地进行代码的调试和错误定位。开发者可以设置断点、观察变量值,并通过调试控制台查看代码执行过程中的输出信息,从而快速定位和解决问题。
  3. VSCode还支持各种版本控制系统,如Git,使得团队协作更加便捷。开发者可以直接在VSCode中进行代码提交、拉取和合并等操作,而无需切换到其他工具。

另外,VSCode还具有丰富的扩展生态系统。开发者可以通过安装各种插件来扩展VSCode的功能,满足个人化的开发需求。例如,可以安装代码格式化插件、代码片段插件、主题插件等,以提高开发效率和舒适度。

在4.1章节中也讲了一点Cursor,这里就不赘述了。

这门课选择VSCode的原因

  1. VSCode和TypeScript是好的搭档,对语法高亮、代码补全、重构支持、调试支持、TSDoc支持都是非常好的。
  2. Node.js相对轻量级。使用VSCode开发足够,结合ts类型提示,非常完美。VSCode可以通过TypeScript的静态类型检查功能,检测代码中的潜在错误,并在编辑器中标记出来,帮助开发者及早发现并解决问题
  3. 前端用户偏多,VSCode对前端支持尤其好,尤其是TS支持(ts的诞生其实也是为了这个生态,atwood定律:any application that can be written in JavaScript, will eventually be written in JavaScript)。TypeScript给VSCode带来了更强大的编码辅助功能,提高了开发效率和代码质量。

下面,我们让我们从VSCode基础开始,讲解如何通过VSCode调试用ts编写的Node.js应用吧。