系统：Windows 7 VsCode：1.48.2 Node.js：12.8.1
相比纯看代码来说，我更推荐结合 debugger 来看，它可以让我们看到代码实际的执行路线，每一个变量的变化。可以大段大段代码跳着看，也可以对某段逻辑一步步的执行来看。
做为前端开发，想必大家都写过 Node.js 的代码，也大概率用 debugger 断点调试过。
东东是一名前端工程师，主要用 React 技术栈，用了多年之后想深入一下，所以最近开始看 React 源码。
VSCode 调试 JS 的方法有很多，目前比较推荐的就是无需配置的 auto-attach。
首先在需要在文件行数右侧点击打上断点（红色圆），然后点击下图绿色启动按钮即可开始调试，代码自动运行到断点所在行，此时鼠标移入变量可以看到每个变量的当前状态
我觉得学习 nodejs 除了要掌握基础的 api、常用的一些包外，最重要的能力是学会使用 debugger。因为当流程复杂的时候，断点调试能够帮你更好的理清逻辑，有 bug 的时候也能更快的定位问题。
安装Debuger for chrome插件，点击F5，选择chrome，vscode自动生成lauch.json如下，
LayaAirIDE 2.4将VSCode剥离出去，其主要目的是让开发者编码工作流更加自由。比如 ，可以即时体验到新版本的升级，无需受限于LayaAirIDE。可以通过VSCode来灵活配置自己的开发工作流等。
当我第一次知道这种东西，我也惊呆了，居然还有这种操作，实在强大到没朋友，从此爱上调试，按时下班。
VsCode自从诞生以来，以其各自优异的特性迅速走红。尤其是对于前端开发小伙伴来说，几乎成为必不可少的开发工具。所以，熟练掌握VsCode的各自使用技巧与调试技巧会让你的日常开发工作效率倍增。本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧：
之前一直以为开发VS code插件是一件很难的事情，后来工作上需要搞一个效率小工具，就试着找了些资料来入门，发现其实就入门和开发一些简单功能的插件来说难度还是很低的。因为vscode本身是基于electron开发的，所以总体来说开发插件就是在写node代码，额外再加一些编辑器api，插件发布的过程和npm包的发布很类似。
从一开始使用 webstorm 内置的 debug 功能, 到使用node-inspector库进行调试顺便脱离 webstorm 的笨重, 再后来 nodejs 内置了debugger 模块也可以帮助调试我们的应用.
在开发 Electron 应用的时候，为了提高工作效率，我们需要借助于调试工具，及时发现并解决问题。
VSCode是微软家一个非常轻量化的编辑器，体量虽轻，但是却有异常强大的功能。原因在于VSCode许多强大功能都是基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。
首先当然是一些语言支持的插件，这个大家根据自己的需要安装就好了。平时编写什么语言，就安装什么语言的插件。
很少有人能一下子就写出完全没有问题的代码。工作良好的程序，都是经过一遍遍的反复测试运行、发现问题、剔除问题（也就是我们所说的找Bug和修Bug）过后的产物，经过了这一过程，程序才能最终达到一个相对稳定的状态。
VSCode作为目前使用人数最多的IDE，在前端开发者中也是十分受欢迎的。它免费、开源、还具备许多强大的功能，例如智能提示、插件商店、集成Git等等，但除此之外还有一个被许多开发者忽略的功能——运行和调试（Run and Debug）。
很多时候，我苦恼于 Node.js 的调试，只会使用 console.log 这种带有侵入性的方法，但是其实 Node.js 也可以做到跟浏览器调试一样的方便。
最近在写公司内部的一个 node 应用的时候，发现自己在 node 调试这块还是比较薄弱的，特意恶补了一下，在这里也做一下分享。
Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适用于任何开发环境。以下是我将介绍的 VSCode 插件：
安装开发环境：首先，确保你的本地环境已经安装了 Node.js 和 Git。然后，通过 npm 安装 yo 和 generator-code 脚手架工具。
Chinese (Simplified) Language Pack for Visual Studio Code：适用于 VS Code 的中文（简体）语言包，此中文（简体）语言包为 VS Code 提供本地化界面。
作为前端开发，基本每天都要调试 Vue/React 代码，不知道大家都是怎么调试的，但我猜大概有这么几种：
有同学说，我用 Chrome DevTools 调试网页，可以查看元素，网络请求，断点运行 JS，用 Performance 工具分析性能等，这是网页的调试。
想学源码，极力推荐之前我写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue-next-release、vue-this、create-vue等10余篇源码文章。
调试器、模拟区不隐藏的话，编辑区域是屏幕的一半都不到。而且没办法分屏，外接显示屏也派不上用场。
一些更强大的调试功能仅在专用的配置文件中可用。这次我们要创建一个 launch.json 和内置的 VSCode 调试控制台。本文将会解决我们在调试复杂的程序之前的最后一个难题。
VSCode实现调试主要就是靠的编写lauch.json文件来实现。下面就来看看几种场景。
如何使用 Debugger for Chrome 这个插件在 vscode 中进行 debugger 调试。
前言 之前编写了一个vscode插件用vscode写博客和发布，然后有园友要求写一篇来介绍如何开发一个vscode扩展插件，或者说介绍开发这个插件的过程。然而文章还没有写，园子里面已经有人发布一个文章，是园友上位者的怜悯的VSCODE 插件初探介绍了自己开发的一个插件与如何简单的开发一个插件。虽然已经有这么一个文章，但是我觉得还是可以更仔细的来介绍如何来开发一个vscode插件，也算之前说好要写这么一个文章的一个承诺吧，于是就有了还这么篇文章。 一、开发环境介绍与安装 为了演示一个安装环境，我安装了一个干净
我们先启用VSCode的调试模式，在项目下新建一个launch.json（注意我这里cra启动的端口是3001）：
摘要 在我之前的文章中，我使用了不同编程语言开发了如下许多上位机。 序号内容语言1《如何定制自己的HID调试助手》C#2《C# 串口上位机开发》C#3《Qt 串口上位机开发》QT4《教你动手写UDP协议栈 - OTA上位机》python5《基于RT-THREAD nano的平衡车--上位机软件》QT6《R-Plan上位机》QT7《BearPi TCP》QT 你会发现很零散，集成度，而且久而久之就没有维护了。今天我又来解锁一种开发工具的神器--VScode插件。 其实vscode现在已经很多大厂先后开发出他们
Test<T> 这个高级类型，有一个泛型参数 T，当 T 传入的类型为联合类型的时候，有两种情况：
Cloud Studio是一款在线版的VsCode,无需本地安装vscode，浏览器上直接在线code,对于不想安装本地vsCode，如果你远程办公，如果你不想背着电脑回家，家里有一台能联网的机器，那么你不用远程控制公司电脑，你只需要登录cloud studio就可以在线编码，并实时保存代码，这是一种趋势，也是一种非常不错的体验，本文是一篇笔者关于Cloud Studio在线编程的入门使用体验。
虽然有时console.log也会用，但是我可能会使用一些更好的日志工具，以前的log4，现在的eggjs提供的logger，良好的日志分级，有助于提高查询问题的效率，如今，就直接使用eggjs提供的内置logger对象了。今天，我们主要是来说一说Debug的事情。调试几乎是每一个程序员必备的技能，而选择合适的调试就能极大的提高工作效率，由于Node.js@6.3版本之后已经内置了调试器，因此也可以和Chrome DevTools结合起来使用，于是node-inspector就这样退出了历史舞台。
在探讨VSCode的调试功能之前，让我们首先理解一下什么是调试。调试是一种查找和修复编程错误的过程。这种错误通常被称为"bug"，修复这些bug的过程就称为"debugging"。调试不仅仅涉及到修复错误，它还涉及到理解程序的执行流程和状态。
给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
安装后，按快捷键Ctrl+Shift+P，输入 configure language
Cloud Studio是一款在线版的VsCode,无需本地安装VsCode，浏览器上在线code,对于不想安装本地vsCode，如果你远程办公，如果你不想背着电脑回家，家里有一台能联网的代码，那么你不用远程控制公司电脑，你只需登录cloud studio就可以在线编码，并实时保存，这是一种趋势，也是一种非常不错的体验,本文是一篇笔者关于Cloud Studio在线编程的入门使用体验。
温馨提示：因微信中外链都无法点击，请通过文末的 “阅读原文” 到技术博客中完整查阅版；
自从使用过 VSCode 后就再也离不开 VSCode，其轻量的代码编辑器与诸多插件让多数开发者爱不释手。同样我也不例外，一年前的我甚至还特意买本《Visual Studio Code 权威指南》的书籍，来更进一步了解与使用。
如果你有一个 Node.js 项目，并想使用 TypeScript 进行改造，那本文对你或许会有帮助。
RN的调试和web端的调试虽然相似，但是也有一些不同，下面就来比较一下三种断点调试方法的差异
这个软件叫做 Auto.js，只支持安卓，是一个不需要 Root 权限的 JavaScript 自动化软件。什么意思呢，就是在你的安卓手机上安装这个 APP，然后通过编写 JS 脚本的方式实现自动化操作。类似的也有其他的一些软件，比如苹果自带的快捷操作，可以通过自定义配置完成一系列的流程，但是由于其目标是所有人都可以使用，所以定制的时候就没有那么灵活。
谈到node断点调试，目前主要有三种方式，通过node内置调试工具、通过IDE（如vscode）、通过node-inspector，三者本质上差不多。本文着重点在于介绍 如何在本地通过node-inspector 调试远程服务器上的node代码。
前言：调试代码不管对于开发还是学习源码都是非常重要的技能，本文简单介绍vscode调试Node.js相关代码的调试技巧。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
