Webstorm TypeScriptのデバッガー設定方法

# TypescriptでDebuggerの設定方法


TypeScriptはコンパイルするとJavaScriptファイルに変換されます。
そのため、TypeScriptをデバグするためには実行ファイルであるJavaScriptと元のソースコードであるTypeScriptの対応関係の情報が必要です。

ソースファイルと実行ファイルの対応関係を保持するのがMappingファイルです。

Mappingファイルはタイプスクリプトのコンパイルオプションを指定すると生成されます。

## 設定


typescriptプロジェクトを設定します。

tsc --init

生成された`tsconfig.json`ファイルに以下の内容を記述します。

ここから先は

647字 / 2画像

¥ 350

期間限定 PayPay支払いすると抽選でお得に!

この記事が気に入ったらサポートをしてみませんか?