系统：Windows 7 VsCode：1.48.2 Node.js：12.8.1
东东是一名前端工程师，主要用 React 技术栈，用了多年之后想深入一下，所以最近开始看 React 源码。
从一开始使用 webstorm 内置的 debug 功能, 到使用node-inspector库进行调试顺便脱离 webstorm 的笨重, 再后来 nodejs 内置了debugger 模块也可以帮助调试我们的应用.
温馨提示：因微信中外链都无法点击，请通过文末的 “阅读原文” 到技术博客中完整查阅版；
作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种：
最近搞node.js性能压测，需要用到多进程调试，参考https://stackoverflow.com/questions/16840623/how-to-debug-node-js-child-forked-process发现不适合压测程序，因为压测程序是启动一个进程测试，然后测试完成就退出了，还没有来得及连上，并且其中有消息传递，等连上了消息也丢了，因此琢磨比较合适的调试方法。
很多同学不知道深入研究一些技术的意义在哪，会用不就行了？花那么大精力深入原理有什么好处呢？
这个软件叫做 Auto.js，只支持安卓，是一个不需要 Root 权限的 JavaScript 自动化软件。什么意思呢，就是在你的安卓手机上安装这个 APP，然后通过编写 JS 脚本的方式实现自动化操作。类似的也有其他的一些软件，比如苹果自带的快捷操作，可以通过自定义配置完成一系列的流程，但是由于其目标是所有人都可以使用，所以定制的时候就没有那么灵活。
做为前端开发，想必大家都写过 Node.js 的代码，也大概率用 debugger 断点调试过。
相比纯看代码来说，我更推荐结合 debugger 来看，它可以让我们看到代码实际的执行路线，每一个变量的变化。可以大段大段代码跳着看，也可以对某段逻辑一步步的执行来看。
之前部门想要统一代码编辑器， 最后决定统一用 VS Code，需要一篇比较系统的介绍文章。
我觉得学习 nodejs 除了要掌握基础的 api、常用的一些包外，最重要的能力是学会使用 debugger。因为当流程复杂的时候，断点调试能够帮你更好的理清逻辑，有 bug 的时候也能更快的定位问题。
有同学说，我用 Chrome DevTools 调试网页，可以查看元素，网络请求，断点运行 JS，用 Performance 工具分析性能等，这是网页的调试。
首先当然是一些语言支持的插件，这个大家根据自己的需要安装就好了。平时编写什么语言，就安装什么语言的插件。
Deno 是一个 JavaScript/TypeScript 的运行时，默认使用安全环境执行代码，有着卓越的开发体验。Deno 含有以下功能亮点：
虽然有时console.log也会用，但是我可能会使用一些更好的日志工具，以前的log4，现在的eggjs提供的logger，良好的日志分级，有助于提高查询问题的效率，如今，就直接使用eggjs提供的内置logger对象了。今天，我们主要是来说一说Debug的事情。调试几乎是每一个程序员必备的技能，而选择合适的调试就能极大的提高工作效率，由于Node.js@6.3版本之后已经内置了调试器，因此也可以和Chrome DevTools结合起来使用，于是node-inspector就这样退出了历史舞台。
在终端执行npm run dev，拿windows来说实际上调用的是 node_modules下的 .bin 文件夹下的 npm.cmd 的批处理命令。但是这一篇重点放在 package.json 中 npm run dev 中对应的 webpack-dev-server 的调用。也就是package.json中的如下部分：
VSCode 调试 JS 的方法有很多，目前比较推荐的就是无需配置的 auto-attach。
TypeScript 我们知道，是用来给 JS 加上类型的，可以实现类型提示和编译时的类型检查。
首先在需要在文件行数右侧点击打上断点（红色圆），然后点击下图绿色启动按钮即可开始调试，代码自动运行到断点所在行，此时鼠标移入变量可以看到每个变量的当前状态
前言：调试代码不管对于开发还是学习源码都是非常重要的技能，本文简单介绍vscode调试Node.js相关代码的调试技巧。
安装Debuger for chrome插件，点击F5，选择chrome，vscode自动生成lauch.json如下，
目前市场上有多个专业做跨平台开发的框架，那么对开发者来说究竟哪一个框架更符合自己的需求呢？笔者特地总结对比了一下不同框架的特性。
LayaAirIDE 2.4将VSCode剥离出去，其主要目的是让开发者编码工作流更加自由。比如 ，可以即时体验到新版本的升级，无需受限于LayaAirIDE。可以通过VSCode来灵活配置自己的开发工作流等。
如需独立部署则修改setting.js中的请求接口地址，https://您的域名/api 否则无需修改。
微软的 VS (Visual Studio) Code 是一个免费的开源代码编辑器，最近越来越受欢迎。它非常轻巧、灵活，同时也提供了很多强大的功能。它支持绝大多数流行的编程语言，包括PHP、JavaScript、C++ 等。
当我第一次知道这种东西，我也惊呆了，居然还有这种操作，实在强大到没朋友，从此爱上调试，按时下班。
vite是下一代前端开发与构建工具，目前官方推荐使用vite来构建项目。下面我们来看看如何创建vue3项目。
VsCode自从诞生以来，以其各自优异的特性迅速走红。尤其是对于前端开发小伙伴来说，几乎成为必不可少的开发工具。所以，熟练掌握VsCode的各自使用技巧与调试技巧会让你的日常开发工作效率倍增。本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧：
自从使用过 VSCode 后就再也离不开 VSCode，其轻量的代码编辑器与诸多插件让多数开发者爱不释手。同样我也不例外，一年前的我甚至还特意买本《Visual Studio Code 权威指南》的书籍，来更进一步了解与使用。
在开发 Electron 应用的时候，为了提高工作效率，我们需要借助于调试工具，及时发现并解决问题。
之前一直以为开发VS code插件是一件很难的事情，后来工作上需要搞一个效率小工具，就试着找了些资料来入门，发现其实就入门和开发一些简单功能的插件来说难度还是很低的。因为vscode本身是基于electron开发的，所以总体来说开发插件就是在写node代码，额外再加一些编辑器api，插件发布的过程和npm包的发布很类似。
很多时候，我苦恼于 Node.js 的调试，只会使用 console.log 这种带有侵入性的方法，但是其实 Node.js 也可以做到跟浏览器调试一样的方便。
一、IDE的选择： VsCode和WebStorm都是不错的选择，说一下两者的优缺点，调试便捷性来说两者不相上下. WebStorm缺点：性能方面VsCode远好于WebStorm； WebStorm优点：代码引用追踪Ws有VsCode无，控制台输出WS有着色能看出那块代码有问题，VsCode无着色控制台日志和bug查看不直观； 综合使用来说：推荐使用WebStorm，如果你的电脑配置实在不好可以酌情使用VsCode. 1.先说VsCode的配置： 首先是要装VsCode的扩展插
很少有人能一下子就写出完全没有问题的代码。工作良好的程序，都是经过一遍遍的反复测试运行、发现问题、剔除问题（也就是我们所说的找Bug和修Bug）过后的产物，经过了这一过程，程序才能最终达到一个相对稳定的状态。
微信开发者·代码管理是为开发者提供的一项代码管理服务，方便微信开发者进行代码推送、拉取、版本管理和多人协作。
VSCode作为目前使用人数最多的IDE，在前端开发者中也是十分受欢迎的。它免费、开源、还具备许多强大的功能，例如智能提示、插件商店、集成Git等等，但除此之外还有一个被许多开发者忽略的功能——运行和调试（Run and Debug）。
VSCode是微软家一个非常轻量化的编辑器，体量虽轻，但是却有异常强大的功能。原因在于VSCode许多强大功能都是基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/125833.html原文链接：https://javaforall.cn
Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适用于任何开发环境。以下是我将介绍的 VSCode 插件：
最近在写公司内部的一个 node 应用的时候，发现自己在 node 调试这块还是比较薄弱的，特意恶补了一下，在这里也做一下分享。
可以看到 Nest 从 gulp 切换到了 tsc 编译，但是版本号依然是 9.1.2。
本文不做任何编辑器的比较，只是我本人日常使用 vscode 进行开发，并且比较喜欢折腾 vscode ，会到处找这一些好玩的插件，于是越攒越多，今天给大家推荐一下我收藏的 60 多个 vscode 插件，据说插件装太多，编辑器会变卡，可能是我的电脑配置还顶得住，目前并没有感觉到卡卡的。
Chinese (Simplified) Language Pack for Visual Studio Code：适用于 VS Code 的中文（简体）语言包，此中文（简体）语言包为 VS Code 提供本地化界面。
如何使用 Debugger for Chrome 这个插件在 vscode 中进行 debugger 调试。
在探讨VSCode的调试功能之前，让我们首先理解一下什么是调试。调试是一种查找和修复编程错误的过程。这种错误通常被称为"bug"，修复这些bug的过程就称为"debugging"。调试不仅仅涉及到修复错误，它还涉及到理解程序的执行流程和状态。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
