方法:jipsterジェネレータをvscodeでデバッグする


こんにちは、私の仲間のヒップ!
貢献者、レビュアーとして、または単にJipsterの好奇心の強いユーザーは、おそらく効率的にJipsterスタージェネレーターをデバッグする方法を不思議に思った.
アプリケーションのデバッグは、新しいコードを実装するとき、または内部のメカニズムを理解する必要があるときに必須です.
VipCodeデバッグモードにJipsterを使って簡単に紹介します.
楽しむ!

環境の準備


まず、download VSCodeに必要です.VSCodeは、軽量なソースコードエディタ、マイクロソフト、特にコアJipsterジェネレータ開発で動作する開発.
その後、generator-jhipsterプロジェクトをクローンします.
git clone https://github.com/jhipster/generator-jhipster.git
プロジェクトをvscodeで開きます.

デバッグ構成


VSCodeは、あなた自身のアプリケーションをデバッグするためにlot of featuresをもたらします.いつものように、Jipsterあなたの仕事を容易になります.
起動を開きます.JSONファイル.vscodeフォルダ.

ここで多くのコンフィグを見ることができます.実際には、“構成”配列のすべてのオブジェクトは、特定のデバッグ構成です.
例えば、
{
  "type": "node",
  "request": "launch",
  "name": "jhipster generate sample-dev",
  "program": "${workspaceFolder}/cli/jhipster.js",
  "timeout": 100000,
  "args": [
      "-d",
      "--skip-checks",
      "--skip-git",
      "--skip-cache"
      ],
  "cwd": "${workspaceFolder}/test-integration/samples/app-sample-dev/",
  "console": "integratedTerminal"
}
フォーカス“プログラム”フィールドに1秒.このデバッグプロファイルで起動されたノードプログラムです.
"args "はプログラムを起動する際に追加する全ての引数を含んでいます.「コンソール」とは、どのコンソールを使用するか、ここで統合されたものをvscodeにすることです.「cwd」は、現在の作業ディレクトリ、つまりJipHipsterを起動し、アプリケーションを生成するディレクトリです.
このディレクトリをチェックすると、.Yo RCJipsterプロジェクトに関する多くの情報を持つJSON起動では、JipPsterは、このファイルと負荷パラメータを検出する必要はありません質問を埋めるために必要はありません.
{
    "generator-jhipster": {
        "applicationType": "monolith",
        "baseName": "jhipsterSampleApplication",
        "packageName": "io.github.jhipster.sample",
        "packageFolder": "io/github/jhipster/sample",
        "authenticationType": "jwt",
        "cacheProvider": "ehcache",
        "enableHibernateCache": true,
        "websocket": false,
        "databaseType": "sql",
        "devDatabaseType": "h2Disk",
        "prodDatabaseType": "mysql",
        "searchEngine": false,
        "buildTool": "maven",
        "enableTranslation": true,
        "nativeLanguage": "en",
        "languages": ["en", "fr"],
        "testFrameworks": ["gatling", "protractor"],
        "serverPort": "8080",
        "jhiPrefix": "myPrefix",
        "travis": true,
        "messageBroker": false,
        "serviceDiscoveryType": false,
        "clientPackageManager": "npm",
        "clientFramework": "angularX"
    }
}

最初のデバッグセッションを開始する


オープンジェネレータ/アプリケーション/インデックス.jsとコンストラクタでブレークポイントを追加します(左側のエディタで行番号をクリックします.ブレークポイントがアクティブになったときに赤いドットが表示されます).
例えば、
this.skipClient = this.configOptions.skipClient = this.options['skip-client'] || this.config.get('skipClient');
「デバッグメニュー」を開き、「JipHipster生成サンプルdev」設定を選択します.それを実行!
デバッガはブレークポイントで停止し、「変数」と「呼び出しスタック」をナビゲートすることができます.また、“時計”の要素を追加することができます.

おめでとう、あなたはちょうどデバッグモードであなたの最初のJipsterを走らせました!

更なる


次の手順は、独自のデバッグ構成を定義します.それはおそらくJipsterからのそれらにかなり近いでしょう.「cwd」値を変更することで、自分のフォルダをターゲットにすることができます.あなたがなしでフォルダを目標とするならば.Yo RCJSONの内部では、発電機の質問に答えることができます.多くのシナリオをテストしたい場合に便利です.
“args”値は、フロントアプリケーションを生成したい場合は“- skip server”のような特定のオプションを追加するように変更できます.

結論


VSCodeは「Debug ready」で、アプリケーションを簡単にデバッグする機能があります.Jipsterは、独自のデバッグプロファイルをもたらし、どのように処理するのかを見てきました.
Jipsterはあなたのための秘密は、もはやありません.