为什么选择 Nx Console？

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

Nx Console 正是这样的工具。它帮助开发者保持心流状态，提供可视化工作流，增强 AI 对话功能等。

安装

您可以通过以下渠道获取 Nx Console：

• Visual Studio Marketplace 的 Nx Console for Visual Studio Code
• OpenVSX Registry 的 Nx Console for Visual Studio Code
• JetBrains Marketplace 的 Nx Console for JetBrains

核心功能

AI 增强

Nx Console 通过为 VSCode 和 Cursor 的大语言模型提供相关上下文，增强编辑器 AI 功能。自动教会 AI 您的工作区架构、生成器信息，并实时同步 nx 文档！

在 VSCode 中，通过 @nx 聊天参与者使用增强功能。了解更多请参阅博客文章或Nx 文档

在 Cursor 或其他环境中，使用 Nx MCP 服务器。详见 Cursor 博客或Nx 文档

项目详情视图

Nx Console 无缝集成项目详情视图 (PDV)。您可以查看项目信息、可用任务和详细配置。通过 PDV，只需点击几下即可运行任务或浏览任务关系图！

在 nx.dev 了解项目详情视图

生成器界面

Nx Console 通过交互式生成器界面简化生成器使用。它会自动解析生成器模式，在输入时提供自动补全、验证和试运行预览。

通过 Nx: Generate (UI) 命令或文件资源管理器的上下文菜单启动生成器界面。路径将自动预填！在 nx.dev 了解生成器界面

Nx Cloud 集成

Nx Console 优化 Nx Cloud 使用体验，展示当前 CI 流水线执行概览，并在 CI 完成或出错时发送通知。无需反复刷新 GitHub，专注工作，Nx Console 会在 PR 就绪时通知您！

此外，Nx Console 还能直接在编辑器中引导您完成 Nx Cloud 的接入流程。

在 nx.dev 了解 Nx Cloud 集成

项目与任务概览

Nx Console 从 Nx 视角展示工作区概览。通过「项目」视图浏览项目及其目标任务配置，通过「常用 Nx 命令」视图运行任务或创建快捷命令。

工作区可视化

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 版本，请参考Nx 迁移文档。

参与贡献

请阅读贡献指南。从新手友好任务列表中选择任务开始贡献。

了解更多

• 文档 - 含视频教程的官方文档
• nx.dev - Nx 文档、指南和交互式教程
• 加入社区 - 在官方 Discord 服务器交流 Nx 和 Nx Console
• 了解 Nx 团队 - 开发 Nx Console 的团队，拥有丰富企业级项目经验

Jetbrains WSL 支持

需在 Languages & Frameworks > Node.js 中将 Node 解释器配置为使用 WSL 发行版中的 Node 可执行文件。详见 Jetbrains 官方文档。