開始使用 VSCode 調(diào)試

阿羅發(fā)布于2019-08-23 11:30 / 3414人閱讀

一些由淺入深的 VScode 調(diào)試?yán)?，能讓你快速理解和上?VSCode 調(diào)試。

為什么使用 VSCode ?

我是深度 vi 用戶，之前 Atom 深度使用者，現(xiàn)在基本上轉(zhuǎn)到 VSCode，下面是我選擇 VSCode 的原因：

顏值高，早期不如 Atom，現(xiàn)在已經(jīng)逐漸趕上

vi 支持度好，和 Atom 還差點(diǎn)，但已夠用

調(diào)試體驗(yàn)好，完爆 Vim 和 Atom

插件多，和 Vim 和 Atom 打個(gè)平手

對(duì) TypeScript 支持更好

淺淺地深入

一分鐘體驗(yàn) VScode Node.js 調(diào)試 ( 效果圖.gif )

最簡(jiǎn)單的 launch 模式

最簡(jiǎn)單的 attach 模式

深入 launch 和 attach

如何使用 npm

怎樣使用 Nodemon

漸進(jìn)式的配置教學(xué)

react 中使用 attach (進(jìn)階)

調(diào)試單元測(cè)試 (Jest)

egg.js 調(diào)試 (子進(jìn)程演示)

全部例子 JavaScript 版例子

minimal-node-app

minimal-attach

use-npm

use-nodemon

use-nodemon-attach

express-app

koa-app

react-app

react-app-attach

jest-test

egg-app

TypeScript 版例子

express-app

koa-app

react-app

angular-app

jest-test

egg-app

參考資料

Node Debugging Guide (Node.js 官方)

VSCode Debugging (VSCode 官方)

Node.js Debugging in VSCode (VSCode 官方)

Node 調(diào)試指南 —— Inspector 協(xié)議

Chrome Remote Debug 初探 - Debugging Node.js with Chrome DevTools

GPU云服務(wù)器云服務(wù)器使用xdebug調(diào)試php vscode vscode webrtc vscode asp

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97049.html

相關(guān)文章

利用vscode調(diào)試nodejs代碼實(shí)踐總結(jié)

摘要：支持，和三種環(huán)境，并且可以安裝擴(kuò)展插件，因而可以滿足絕大多數(shù)人的要求，安裝配置非本文所要講述的內(nèi)容，請(qǐng)自行查找，本文著重討論如何用更好的調(diào)試代碼，希望能對(duì)大家有所幫助。 2018.5.12更新最近在用vscode 1.23版本的時(shí)候發(fā)現(xiàn)outDir不可以使用了，建議這么改吧，直接program采用編譯后的文件，然后打開sourceMaps，同時(shí)在babel編譯的時(shí)候自己搞--watc...

chenatu 2019-08-21 17:42 評(píng)論0 收藏0
使用Visual Studio Code對(duì)Node.js進(jìn)行斷點(diǎn)調(diào)試

摘要：在開發(fā)的過程中，幾乎不可能一次性就能寫出毫無破綻的程序，斷點(diǎn)調(diào)試代碼是一個(gè)普遍的需求。作為前端開發(fā)工程師，以往我們開發(fā)的程序都運(yùn)行在瀏覽器端，利用提供的開發(fā)者工具就可以方便的進(jìn)行源碼斷點(diǎn)調(diào)試。這幾個(gè)都是常見的斷點(diǎn)調(diào)試指令。在開發(fā)的過程中，幾乎不可能一次性就能寫出毫無破綻的程序，斷點(diǎn)調(diào)試代碼是一個(gè)普遍的需求。作為前端開發(fā)工程師，以往我們開發(fā)的JavaScript程序都運(yùn)行在瀏覽器端，...

gityuan 2019-08-20 15:49 評(píng)論0 收藏0
vscode的python環(huán)境配置

摘要：安裝一個(gè)的版本。選一個(gè)的解釋器想要在中運(yùn)行代碼必須要告訴使用哪個(gè)解釋器才行。運(yùn)行文件最簡(jiǎn)單的方法是點(diǎn)擊右鍵選擇在終端運(yùn)行。然后選擇調(diào)試工具欄上的設(shè)置圖標(biāo)。該命令打開一個(gè)可用調(diào)試器的菜單，顯示和。選擇，這個(gè)會(huì)創(chuàng)建一個(gè)包含許多配置的文件。開始安裝 Python extension 。安裝一個(gè)python3的版本。選一個(gè)python的解釋器想要在vscode中運(yùn)行python代...

vpants 2019-07-30 16:58 評(píng)論0 收藏0
FE.BASE-vscode使用、原理、插件開發(fā)筆記

摘要：插件提供內(nèi)容，負(fù)責(zé)渲染。增量更新，盡可能地減少重新渲染長(zhǎng)時(shí)間運(yùn)行的任務(wù)應(yīng)該支持，并可以取消插件能夠正確地處理對(duì)象的生命周期。使用了模式，運(yùn)行可以將這個(gè)對(duì)象銷毀。使用命令行使用幫助：code --help 使用已經(jīng)打開的窗口來打開文件：code -r 打開文件并滾動(dòng)到特定行：code -r -g package.json:128 比較兩個(gè)文件：code -r -d a.tx...

MingjunYang 2019-08-26 13:46 評(píng)論0 收藏0
vscode 調(diào)試node之npm與nodemon

摘要：而模式，是連接已經(jīng)啟動(dòng)的服務(wù)。當(dāng)調(diào)試結(jié)束了，斷開連接就好，明顯比更方便一點(diǎn)?？墒牵覀儾⒉幌霑r(shí)刻開啟調(diào)試功能怎么辦這就需要使用上面說的模式了。使用如下的命令正常的啟動(dòng)項(xiàng)目當(dāng)我們想要調(diào)試的時(shí)候，在的中運(yùn)行如下的配置完美參考資料我在更多相關(guān)內(nèi)容見博客 https://github.com/zhuanyongxigua/blog 調(diào)試nodejs有很多方式，可以看這一篇How to Deb...

eechen 2019-08-26 11:51 評(píng)論0 收藏0