Monorepo可视化工具

Nx Console是一个为Monorepo提供可视化工作流的UI工具,增强AI聊天功能并提供项目细节视图、生成UI、Nx云集成等功能,帮助开发者在编辑器内保持高效。

  • by nrwl
  • TypeScript
  • 本地部署
  • 1413 星标
  • 更新于
在 GitHub 查看 nrwl/nx-console

使用说明

Monorerepos的用户界面,提供可视化的工作流程,并通过深入的见解丰富您的人工智能聊天

在编辑中保持专注和高效。


为什么选择Nx控制台?

开发人员使用命令行工具和用户界面。它们在终端中提交,但在Visual Studio Code或WebStorm中解决冲突。他们使用正确的工具来完成这项工作。

Nx控制台就是这个工具。它帮助开发人员保持流畅,提供可视化工作流程,并增强您的AI聊天等。

安装

您可以从以下位置下载Nx控制台:

主要特点

AI增强功能

Nx Console通过为支持VSCode和Cursor的大型语言模型提供相关上下文来增强编辑器的AI功能。自动向AI教授您的工作空间架构、生成器,并向其提供最新的nx文档!

Nx Console为两者都配备了MCP服务器, VSCode 和 光标.

您还可以通过以下方式将MCP服务器与Nx Console扩展分开安装 nx-mcp NPM包。更多关于 这里。在中了解更多信息 Nx文档.

项目详细信息视图

Nx控制台提供了与项目详细信息视图(PDV)的无缝集成。您可以了解有关您的项目、可用任务和详细配置信息的更多信息。使用Nx控制台中的PDV,您只需点击几下即可运行任务或浏览任务图!

了解nx.dev上“项目详细信息”视图的更多信息

生成用户界面

Nx Console使通过我们的交互式Generate UI运行生成器变得更加容易。它会自动解析任何生成器的模式,并在您键入时提供自动完成、验证和模拟运行预览。

您可以通过以下方式启动Generate UI Nx: Generate (UI) 命令或通过文件资源管理器中的上下文菜单。路径将自动预填充! 了解有关nx.dev上生成UI的更多信息

Nx云集成

Nx Console通过为您提供当前CI管道执行的概述,并在CI完成或发生错误时显示通知,改善了使用Nx Cloud的体验。不再需要刷新GitHub,只需继续工作,一旦您的PR准备就绪,Nx Console就会通知您!

此外,Nx Console通过在编辑器中指导您完成Nx Cloud入职流程来提供帮助。

在Nx.dev上了解有关Nx云集成的更多信息

项目和任务概述

Nx Console从Nx的角度概述了您的工作区。您可以在 Projects 视图。在中运行可用目标或为频繁命令创建快捷方式 Common Nx Commands 视图。

工作空间可视化

Nx Console在编辑器中直观地显示Nx项目和任务图。它知道您正在处理哪个文件,因此您可以轻松打开专注于该特定项目的图形。此外,通过与编辑器的紧密集成,您可以一键运行任务或浏览导致项目依赖关系的文件。

需求

要使用Nx控制台,请确保您位于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 迁移文档.

贡献

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

了解更多

Jetbrains WSL支持

Node解释器 语言和框架 > Node.js 需要配置为使用Node可执行文件 在WSL分布中。 你可以阅读更多 这 Jetbrains官方文档页面.