Visual Studioのコードデバッグ

Debug Visualizer デバッグ中にデータ構造を視覚化するためのvscode拡張モジュールです.

サポート言語

これらの言語とデバッガは、この拡張モジュールで動作するように検証されています.JavaScript/TypesScript、Go、Python、C Cheper、PHP、Java、C++、Swift、Rust.

インストール

起動とコードクイックオープン(Ctrl + P)、次のコマンドをペーストし、Enterキーを押します.

ext install hediet.debug-visualizer

用途

この拡張モジュールのインストール後View をクリックしてCommand Palette VSコードの.

コマンドを使うDebug Visualizer: New View 新しいビジュアライザービューを開きます.

ビジュアライザビュー

それからView をクリックしてCommand Palette (再びCtrl + Shift + p)VSコード.

コマンドを使うDebug Visualizer: Use Selection as Expression ( Shift + F 1 )現在選択されているテキストを、最も最近オープンしたデバッグビジュアライザーの式として使用します.

ダウンロードサンプルhere そして以下のコマンドライン:

$ cd demos/js
$ npm install
$ npm run dev

オープンdemo_sorting.ts Visual Studioコードで、行69にブレークポイントを設定します.

それからRun をクリックしてStart Debugging VSコードの(F 5).

を入力し、array デバッグしたい場合.

デバッグビジュアライザを次のように表示します.

読書ありがとう❤
最新のアルゴリズム記事をキャッチしてください

ギタブAlgorithmsHub

Twitter

リンケディン

fbAlgorithmsHub