ディレクトリ
1はじめに
プログラマとして、コードブレークポイントのデバッグを書くときには、非常に便利です!問題を見つけるのは簡単で、我々はすべてのプログラマは非常に便利であると信じています!ここでのブレークポイントデバッグ方法ココスクリエータtypescriptですを共有します!
2、設定
あなたは、あなたがcocoscreatorを持っていることをChromeブラウザにインストール、視覚的なコードの3つのソフトウェアを起動する前に確認してください!作成者は、サンプルプロジェクトまたは自己のHello Worldプロジェクトを開き開きます。
2.1、コンフィギュレーションVsCode環境
ここでは、公式の設定を参照することができ、具体的な構成を見るにはここをクリックしてください。
2.2、VsCodeは、プラグインをインストール(デバッガクロム用)
VSCodeオープン、蛇行形状のクロスクリックボタンは、図に示すように、検索ボックスにクロムのためにデバッガに直接充填し、インストールをクリックします。
2.3、クリエーターのスクリプトエディタを設定します
クリエータHelloWorld.jsプロジェクトディレクトリ内のダブルクリックは、視覚vode開かれます( - >設定- >データの編集-クリエーターエディタファイルを>外部スクリプトエディタは、視覚的なコードに設定する必要があります)、vsCodeコードここでは、インストール・パスです。 exeファイル。
示すように、私のディレクトリ:
2.4、VsCode構成設定
示すように、左側のサイドバー上の視覚コードを丸で囲んだ、その後、ギアボタンワームの付いたボタンをクリックして:
この時間は、この時間はlaunch.jsonファイルを生成します、クロムを選択し、右側のいくつかのオプションがあるでしょう示すように:
この場合には、編集者は作成者が設定開発を完了入る- >コードのワークフローVS - >クロームデバッグ構成を追加し、上記書類のlaunch.jsonの内容は、次のように見えるように適応されます。
2.5の効果を示します
ここでは、設定されています!このとき、作成者のエディタは、インタフェースブレークポイントに立ち往生し始めたプロジェクトを、実行するための視覚的なコードは、F5キーを押し内部の次のブレークポイントで開き続ける(最初のコンパイル前に実行するコードを変更することを忘れないでください)。
3.おわりに
エンド
不備も期待している場合さて、ここで今日のシェアは、あなたが時間に私を修正し、為替を議論すること自由に感じ!!!
友人のように、Bangdingは、親指アップ、コメントしてください!私の執筆のあなた確かに無尽蔵のパワー!