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

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

一些由淺入深的 VScode 調(diào)試例子，能讓你快速理解和上手 VSCode 調(diào)試。

為什么使用 VSCode ?

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

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

vi 支持度好，和 Atom 還差點，但已夠用

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

插件多，和 Vim 和 Atom 打個平手

對 TypeScript 支持更好

淺淺地深入

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

最簡單的 launch 模式

最簡單的 attach 模式

深入 launch 和 attach

如何使用 npm

怎樣使用 Nodemon

漸進式的配置教學

react 中使用 attach (進階)

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

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

全部例子 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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/97049.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

eechen 2019-08-26 11:51 評論0 收藏0