为什么选择 Nx Console？

开发者既使用命令行工具，也使用用户界面。他们在终端中提交代码，但在 Visual Studio Code 或 WebStorm 中解决冲突。他们为不同的工作选择最合适的工具。

Nx Console 就是这样的工具。它帮助开发者保持流畅的工作状态，提供可视化工作流，增强您的 AI 聊天功能等。

安装

您可以从以下位置下载 Nx Console：

• Visual Studio Code 的 Nx Console 从 Visual Studio Marketplace。
• JetBrains 的 Nx Console 从 JetBrains Marketplace

主要功能

AI 增强

Nx Console 通过为 VSCode 和 Cursor 提供相关上下文，增强您编辑器的 AI 功能。自动向 AI 教授您的工作区架构、生成器，并为其提供最新的 nx 文档！

Nx Console 为 VSCode 和 Cursor 提供了一个 MCP 服务器。

您也可以通过 nx-mcp NPM 包单独安装 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，只需继续工作，Nx Console 会在您的 PR 准备好时通知您！

此外，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 开始的所有 Nx 版本。对于旧版本，我们无法保证兼容性或完整功能。然而，我们欢迎贡献！如果您在旧版本中遇到特定问题，请考虑提交 PR。当然，如果您发现新版本 Nx 的任何问题，请报告这些问题以帮助我们改进 Nx Console。

如果您想轻松升级您的 Nx 版本，请参阅 Nx 迁移文档。

贡献

请阅读贡献指南。从好的第一个问题列表中选择一个问题开始。

了解更多

• 文档 - 带有视频教程的官方文档
• nx.dev - 关于 Nx 的文档、指南和交互式教程
• 加入社区 - 在官方 discord 服务器上讨论 Nx 和 Nx Console
• 了解更多关于 Nx 团队的信息 - Nx 团队在开发 Nx Console 之前，曾与许多企业客户合作。

Jetbrains WSL 支持

语言与框架 > Node.js 下的 Node 解释器需要配置为使用 WSL 发行版中的 Node 可执行文件。 您可以在官方 Jetbrains 文档页面上阅读更多信息。