9cubed
ブログ | PHP | JavaScript | TypeScript | Vue.js | Laravel | Tailwind | Vite | Python | MariaDB | SQLite | Node.js | Linux | PowerShell | Docker | Git | Web | その他 | 将棋ウォーズ | 歌の練習
< 前の記事

TypeScript - コンソールに Hello,World

次の記事 >

TypeScript - Visual Studio を使わずにトランスパイルする

TypeScript

TypeScript - トレース

公開日:2019-01-13
更新日:2019-05-14

1. 概要

Visual Studio で TypeScript をトレース(プログラムを1行ずつ実行)します。

2. トレース

前回作成したプロジェクトの app.ts を以下のようにします。
var a = 1;
var b = 2;
var c = a + b;
console.log(c);

エディター上で、プログラムを止めたい場所で F9 を押すか、
エディターの左端をクリックすると、ブレークポイントが設定されます。
あとは F5 で実行するだけで、ブレークポイントを設定した場所で実行が止まり、トレースが行えます。
F10(ステップオーバー)、または F11(ステップイン)を押して、プログラムを1行ずつ実行できます。
ステップオーバーとステップインの違いは、関数の中まで入るかどうかです。
また、途中で F5 を押すと、次のブレークポイントがあるところまで、プログラムを一気に実行します。

途中で変数にカーソルをあわせると、値の参照ができます。
画像1

また、画面下のイミディエイトウィンドウでは、値の参照や設定も行えます。
画像2


< 前の記事

TypeScript - コンソールに Hello,World

次の記事 >

TypeScript - Visual Studio を使わずにトランスパイルする

YouTube X

新着一覧

  • async、awaitJavaScript
  • Promise についてJavaScript
  • パッケージの管理Node.js
  • v-model(双方向バインディング)Vue.js
  • VS Code で GitHub を使ったソース管理Git
  • computed(再計算)Vue.js
  • watchDebounced(値の監視)Vue.js
  • watch(値の監視)Vue.js
  • change イベントVue.js
  • v-memoVue.js

アーカイブ

  • 2026/03
  • 2026/02
  • 2026/01
  • 2025/12
  • 2025/11
  • 2025/10
  • 2025/09
  • 2025/08
  • /00

以前のカテゴリー一覧

  • CakePHP3
  • CentOS7
  • HTML・CSS・JavaScript
  • Haskell
  • JavaScript
  • Kotlin
  • Laravel5
  • PHP
  • Python
  • Ruby
  • RubyOnRails5
  • TypeScript
  • Vue.js
  • Webサーバ講座
  • Webプログラミング講座
  • jQuery
  • linux
  • パソコン講座
  • ブログ
  • プログラミング講座
  • メモ帳作成講座
  • 数学

Copyright © 9cubed. All Rights Reserved.

プライバシーポリシー 利用規約
▲