実行 / デバッグ構成: React Native

アプリケーションをビルドして起動する

• 最初にアプリケーションを起動している場合、または前回の実行後にネイティブコードを更新した場合は、 ビルドと起動 チェックボックスを選択します。

• 前回のビルド以降にアプリケーションのネイティブコードを変更していない場合は、このチェックボックスをオフにしてください。 デバッグを開始すると、GoLand は React Native 公式 Web サイト に記載されているように、リモートデバッグが有効化された状態でシミュレーターでアプリケーションを開くのを待機します。

プラットフォーム

この領域で、アプリケーションの対象となるプラットフォームを選択します。

選択に応じて、GoLand は react-native run-ios または react-native run-android でバンドラーを実行します。

• Android プラットフォームをエミュレートするには、 Android 仮想デバイスを使用します。

• iOS プラットフォームをエミュレートするには、 ios-sim コマンドラインツールをグローバルにインストールする必要があります。 オペレーティングシステムに応じて、 Node パッケージマネージャー (npm) を使用するか、 sudo npm install ios-sim -g コマンドを実行できます。

React Native オフィシャル Web サイトの詳細を参照してください。

引数

このフィールドに React Nativeに渡す引数を入力します。たとえば、 ‑‑simulator フラグでシミュレーターの種類を指定します： ‑‑simulator="iPhone 4s"。

デバッグ用のブラウザー

React Native アプリケーションのデバッグ時、GoLand は React Native 自体が使用する Chrome ランタイムに依存します。 DevTools も GoLand と一緒に使用できます。 デバッグセッションを開始すると、GoLand は新しい Chrome インスタンスを起動し、それに接続します。

Bundler ホスト

このフィールドには、バンドラーを実行するホストを指定します。デフォルト値は localhost です。

Bundler ポート

このフィールドには、バンドラが動作するポートを指定します。

• GoLand は React Native バンドラーのデフォルトである 8081 を自動的に選択します。 React Native 公式 Web サイト で詳細をご覧ください。

• アプリケーションが Expo を使用している場合、Expo 構成に応じて、ポートを 19000 または 19001 に変更する必要がある場合があります。

ノードランタイム

このフィールドでは、使用する Node.js ランタイムを指定します。

プロジェクト エイリアスを選択した場合、GoLand は ノードランタイム フィールドからプロジェクトのデフォルトインタープリターを自動的に使用します。 ほとんどの場合、GoLand はプロジェクトのデフォルトランタイムを検出し、そのフィールドに自動で入力します。

別の構成済みローカルインタープリターを選択するか、 をクリックして新しいものを構成することもできます。

React Native パッケージ

このフィールドには、 react-native-cli へのパスを指定します。

作業ディレクトリ

アプリケーションの 作業ディレクトリ(英語)を指定します。 デフォルトでは、このフィールドには プロジェクトルートフォルダーが表示されます。

環境変数

このフィールドには、オプションで、 react-native run-android または react-native run-ios コマンドを実行するための環境変数を入力します。

命名

実行構成の名前を指定して、編集または実行時に他の構成の間ですばやく識別できるようにします。

複数のインスタンスを許可する

この実行構成の複数のインスタンスを並行して実行できるようにします。

デフォルトでは無効になっており、別のインスタンスがまだ実行されているときにこの構成を開始すると、GoLand は実行中のインスタンスを停止して別のものを開始することを提案します。 これは、実行構成が多くのリソースを消費し、複数のインスタンスを実行する正当な理由がない場合に役立ちます。

プロジェクトファイルとして保存

実行構成設定を含むファイルを保存して、他のチームメンバーと共有します。 デフォルトの場所は .idea/runConfigurations です。 ただし、 .idea ディレクトリを共有したくない場合は、プロジェクト内の他のディレクトリに構成を保存できます。

デフォルトでは無効になっており、GoLand は実行構成設定を .idea/workspace.xml に保存します。

Alt+Insert

実行 / デバッグ構成を作成します。

Alt+Delete

選択した実行 / デバッグ構成を削除します。 デフォルト設定は削除できません。

Ctrl+D

選択した実行 / デバッグ構成のコピーを作成します。 デフォルト設定のコピーを作成してください。

このボタンは、 一時的な構成を選択した場合にのみ表示されます。 このボタンをクリックして、一時的な構成を永続的なものとして保存します。

新しいフォルダーに移動 / 新しいフォルダーを作成します。 実行 / デバッグ構成は、 フォルダーに配置することでグループ化できます。

フォルダーを作成するには、カテゴリ内の設定を選択し、 をクリックしてフォルダー名を指定します。 カテゴリだけにフォーカスがある場合は、空のフォルダーが作成されます。

次に、設定をフォルダー内、フォルダー間、フォルダー外に移動するには、ドラッグまたは ボタンと ボタンを使用します。

グループ化を解除するには、フォルダーを選択して をクリックします。

このボタンをクリックすると、設定がアルファベット順にソートされます。

Alt+Insert

このアイコンをクリックして、以下の利用可能なタスクのいずれかを追加します：

• Web ブラウザーの起動: ブラウザーを起動するには、このオプションを選択します。 開いたダイアログで、ブラウザーの種類を選択し、開始 URL を指定します。 また、ブラウザーを JavaScript デバッガーで起動するかどうかを指定します。

• 外部ツールの実行: 外部アプリケーションを実行することを選択します。 開いたダイアログで、実行したい 1 つまたは複数のアプリケーションを選択します。 GoLand でまだ定義されていない場合は、その定義を追加してください。

• 別の構成を実行する: 別の実行 / デバッグ構成を実行することを選択し、それが完了するまで待ってから現在の構成を開始します。 複数の構成を並行して実行する場合は、 複合実行 / デバッグ構成を使用してください。

• ファイル監視の実行 ：このオプションを選択すると、GoLand に現在アクティブなすべての File Watchers が適用されます。

• リモート外部ツールの実行: リモート SSH 外部ツールを追加します。

• Grunt タスクを実行する: Grunt タスクを実行するには、このオプションを選択してください。

  表示される Grunt タスク ダイアログで、必要なタスクが定義されている Gruntfile.js を指定し、実行するタスクを選択して、Grunt ツールに渡す引数を指定します。

  Node.js ランタイムの場所、それに渡すパラメーター、 grunt-cli パッケージへのパスを指定します。

• Gulp タスクの実行: Gulp タスクを実行するには、このオプションを選択してください。

  表示される Gulp タスク ダイアログで、必要なタスクが定義されている Gulpfile.js を指定し、実行するタスクを選択して、Gulp ツールに渡す引数を指定します。

  Node.js ランタイムの場所、それに渡すパラメーター、 gulp パッケージへのパスを指定します。

• npmスクリプトを実行: npm スクリプトを実行するには、このオプションを選択してください。

  開いた NPM スクリプト ダイアログで、 npm 実行 / デバッグ構成設定を指定します。

• TypeScript のコンパイル: 組み込み TypeScript コンパイラーを実行するように選択し、TypeScript コードに加えたすべての変更が生成された JavaScript ファイルに反映されるようにします。 表示される TypeScript のコンパイル設定 ダイアログで、 エラーの確認 チェックボックスを選択または選択解除して、エラーが検出された場合のコンパイラーの動作を設定します。

  • エラーの確認 チェックボックスが選択されていると、コンパイラーはすべてのエラーを表示し、実行構成は開始されません。

  • エラーの確認 チェックボックスがオフの場合、コンパイラーは検出されたすべてのエラーを表示しますが、実行構成は起動されます。

• React Native Bundler の起動: 実行中またはデバッグセッションの一部としてバンドラーを自動的に実行するには、このオプションを選択します。 デフォルトでは、これは react-native start を介して行われます。

  アプリケーションが Expo(英語) を使用している場合は、 開始 npm タスクを介して開発サーバーを実行する必要があります。 これを行うには、 をクリックし、 React Native の設定 ダイアログで npm スクリプト を選択し、リストから 開始 を選択します。

• Go コマンド: プログラムを実行する前に Go コマンドを実行することを選択します。 例: 生成する を実行して、コンパイル前にソースコードを生成できます。 Go コマンドの編集タスク ダイアログでは、自動補完を使用できます。 自動補完は、次のコマンド 生成、 vet、 test -i をサポートしています。 独自のコマンドを使用できます。

Alt+Delete

このアイコンをクリックして、選択したタスクをリストから削除します。

Enter

選択したタスクを編集するには、このアイコンをクリックします。 開いたダイアログで必要な変更を加えます。

Alt+Up

Alt+Down

これらのアイコンをクリックして、選択したタスクをリスト内で 1 行上または下に移動します。 タスクは、リストに表示されている順に実行されます。

このページを表示する

実行 / デバッグ構成を実際に開始する前に、実行 / デバッグ構成設定を表示するには、このチェックボックスを選択します。

ツールウィンドウをアクティブにする

デフォルトではこのチェックボックスは選択されており、実行 / デバッグ構成を開始すると 実行または デバッグツールウィンドウが開きます。

それ以外の場合、チェックボックスがオフの場合、ツールウィンドウは非表示になります。 ただし、構成が実行されている場合は、 Alt+4 または Alt+5 を押すことにより、構成に対応するツールウィンドウを自分で開くことができます。