ココスクリエーター活字体ブレークポイントデバッグ

免責事項:この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/lxt610/article/details/91128045


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は、親指アップ、コメントしてください!私の執筆のあなた確かに無尽蔵のパワー!

おすすめ

転載: blog.csdn.net/lxt610/article/details/91128045