nx-console

---

Nx Console を選ぶ理由

開発者はコマンドラインツールとユーザーインターフェースの両方を使います。ターミナルでコミットしながら、Visual Studio Code や WebStorm で競合を解決します。作業に適したツールを使っているのです。

Nx Console はまさにそのためのツールです。開発者が作業の流れを維持できるよう支援し、ビジュアルなワークフローを提供するとともに、AI チャットなどの機能を強化します。

インストール

以下の場所から Nx Console をダウンロードできます。

• Visual Studio Marketplace の Visual Studio Code 向け Nx Console。
• OpenVSX Registry の Visual Studio Code 向け Nx Console
• JetBrains Marketplace の JetBrains 向け Nx Console

主な機能

AI 機能の強化

Nx Console は、VSCode と Cursor を支える LLM に関連するコンテキストを提供し、エディターの AI 機能を強化します。ワークスペースのアーキテクチャやジェネレーターについて AI に自動で学習させ、最新の nx ドキュメントも提供します。

Nx Console には、VSCode と Cursor の両方に対応する MCP サーバーが付属しています。

nx-mcp NPM パッケージを使えば、Nx Console 拡張機能とは別に MCP サーバーをインストールすることもできます。詳しくはこちらをご覧ください。Nx のドキュメントでさらに詳しく説明しています。

プロジェクト詳細ビュー

Nx Console は、プロジェクト詳細ビュー（PDV）とシームレスに連携します。プロジェクトや利用可能なタスク、詳細な設定情報を確認できます。Nx Console の PDV を使えば、数回クリックするだけでタスクを実行したり、タスクグラフを表示したりできます。

nx.dev でプロジェクト詳細ビューについて詳しく見る

生成 UI

Nx Console の対話型生成 UI を使うと、ジェネレーターを簡単に実行できます。あらゆるジェネレーターのスキーマを自動的に解析し、入力中に自動補完、検証、ドライランのプレビューを提供します。

Nx: Generate (UI) コマンド、またはファイルエクスプローラーのコンテキストメニューから生成 UI を起動できます。パスは自動的に入力されます。nx.dev で生成 UI について詳しく見る

Nx Cloud 連携

Nx Console は、現在の CI パイプラインの実行状況を一覧表示し、CI の完了時やエラー発生時に通知することで、Nx Cloud の使い勝手を向上させます。GitHub を何度も更新する必要はありません。作業を続けていれば、PR の準備が整ったときに Nx Console が知らせてくれます。

さらに、Nx Console はエディター上で Nx Cloud のオンボーディング手順を案内します。

nx.dev で Nx Cloud 連携について詳しく見る

プロジェクトとタスクの概要

Nx Console は、Nx の視点からワークスペースの概要を表示します。Projects ビューでは、プロジェクトやそのターゲット、設定を確認できます。利用可能なターゲットを実行したり、よく使うコマンドのショートカットを Common Nx Commands ビューで作成したりできます。

ワークスペースの可視化

Nx Console は、Nx のプロジェクトグラフとタスクグラフをエディター上で可視化します。作業中のファイルを認識するため、そのファイルに関連するプロジェクトに焦点を当てたグラフを簡単に開けます。また、エディターとの緊密な連携により、ワンクリックでタスクを実行したり、プロジェクトの依存関係を引き起こすファイルを調べたりできます。

## 要件

Nx Console を使用するには、Nx または Lerna のワークスペース内にいて、Node.js がインストールされていることを確認してください。まだ Nx を使用していない場合は、こちらをご覧ください：Nx の概要

次のコマンドを実行して、Nx ワークスペースを作成できます。

npx create-nx-workspace@latest my-workspace

既存のリポジトリに Nx をインストールするには、次のコマンドを実行してください。

npx nx init

互換性

最新バージョンの Nx Console は、Nx 15 以降のすべてのバージョンをサポートしています。古いバージョンについては、互換性や完全な機能を保証できません。ただし、貢献は歓迎しています。古いバージョンで具体的な問題が発生した場合は、PR の送信をご検討ください。もちろん、新しいバージョンの Nx で問題を見つけた場合は、Nx Console の改善に役立てるため、ご報告ください。

Nx のバージョンを簡単にアップグレードする方法については、Nx の 移行に関するドキュメントをご覧ください。

貢献

貢献ガイドラインをお読みください。 まずは最初の貢献に適したイシューの一覧から、イシューを選んで取り組んでみてください。

詳細情報

• ドキュメント - 動画チュートリアルを含む公式ドキュメント
• nx.dev - Nx に関するドキュメント、ガイド、インタラクティブなチュートリアル
• コミュニティに参加 - 公式 Discord サーバーで Nx と Nx Console についてチャットできます
• Nx のチームについて詳しく見る - 多くのエンタープライズクライアントと協業した後、Nx のチームが Nx Console を開発しました。

Jetbrains の WSL サポート

Languages & Frameworks > Node.js にある Node インタープリターは、WSL ディストリビューション内の Node 実行ファイルを使用するように設定する必要があります。 詳細は Jetbrains 公式ドキュメントのページをご覧ください。