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 为编辑器的 AI 功能提供增强，为驱动 VSCode 和 Cursor 的大模型提供相关上下文。自动向 AI 介绍工作区架构和生成器，并为它提供最新的 nx 文档！

Nx Console 同时为 VSCode 和 Cursor 提供 MCP 服务。

你也可以通过 nx-mcp NPM 包，单独安装 MCP 服务，而无需安装 Nx Console 扩展。详情请见此处。了解更多信息，请参阅 Nx 文档。

项目详情视图

Nx Console 与项目详情视图（PDV）无缝集成。你可以进一步了解项目、可用任务以及详细的配置信息。借助 Nx Console 中的 PDV，只需点击几次，即可运行任务或浏览任务图！

在 nx.dev 上进一步了解项目详情视图

生成 UI

借助交互式生成 UI，Nx Console 可以让运行生成器更加轻松。它会自动解析任何生成器的架构，并在你输入时提供自动补全、验证和试运行预览。

你可以通过 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 支持

需要将 Languages & Frameworks > Node.js 下的 Node 解释器配置为使用 WSL 发行版中的 Node 可执行文件。 你可以在Jetbrains 官方文档页面上了解更多信息。