项目介绍
单仓库的用户界面，提供可视化工作流程并丰富您的AI聊天内容
在编辑器中保持专注和高效。
为什么选择 Nx 控制台？
开发者既使用命令行工具也使用用户界面。他们在终端中提交代码，但在 Visual Studio Code 或 WebStorm 中解决冲突。他们使用适合任务的工具。
Nx 控制台就是这样的工具。它帮助开发者保持流畅的工作状态，提供可视化工作流程，增强您的AI聊天功能等等。
安装
您可以通过以下位置下载 Nx 控制台：
- 适用于 Visual Studio Code 的 Nx 控制台 从 Visual Studio Marketplace。
- 适用于 Visual Studio Code 的 Nx 控制台 从 OpenVSX 注册表
- 适用于 JetBrains 的 Nx 控制台 从 JetBrains Marketplace
主要功能
AI 增强
Nx 控制台通过提供相关上下文来增强编辑器中的AI特性，这些上下文由VSCode和Cursor背后的大型语言模型提供支持。自动教AI关于您的工作区架构、生成器，并向其提供最新的Nx文档！
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-ai-dark.gif"> <img alt="Nx 控制台 - 用于 Nx 和 Lerna 的用户界面" src="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-ai.gif" width="100%"> </picture> </p>Nx 控制台为 VSCode 和 Cursor 提供了MCP服务器。
您也可以通过 nx-mcp NPM 包单独安装 MCP 服务器。更多详情请参阅 这里。了解更多信息，请访问 Nx 文档。
项目详情视图
Nx 控制台提供了与项目详情视图（PDV）的无缝集成。您可以了解更多关于项目的细节、可用的任务以及详细的配置信息。有了 Nx 控制台中的 PDV，您只需点击几下就可以运行任务或浏览任务图！
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-pdv-dark.gif"> <img alt="Nx 控制台 - 用于 Nx 和 Lerna 的用户界面" src="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-pdv.gif" width="100%"> </picture> </p>生成 UI
Nx 控制台通过交互式生成 UI 使运行生成器变得更加容易。它会自动解析任何生成器的模式，并在您键入时提供自动完成功能、验证和预览。
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-generate-ui-dark.gif"> <img alt="Nx 控制台 - 用于 Nx 和 Lerna 的用户界面" src="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-generate-ui.gif" width="100%"> </picture> </p>您可以通过 Nx: 生成 (UI) 命令或通过文件资源管理器中的上下文菜单启动生成 UI。路径将自动填充！了解更多关于生成 UI 的信息
Nx Cloud 集成
Nx 控制台通过提供当前 CI 管道执行的概览以及当 CI 完成或发生错误时的通知，改善了使用 Nx Cloud 的体验。无需一直刷新 GitHub，只需继续工作，Nx 控制台会在您的 PR 准备好后通知您！
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-cloud-dark.gif"> <img alt="Nx 控制台 - 用于 Nx 和 Lerna 的用户界面" src="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-cloud.gif" width="100%"> </picture> </p>此外，Nx 控制台还通过引导您完成 Nx Cloud 的入门过程，在您的编辑器中进行操作。
项目及任务概览
Nx 控制台以 Nx 的视角呈现工作区的概览。您可以在“项目”视图中浏览项目及其目标和配置。在“常用 Nx 命令”视图中运行可用的目标或创建常用命令的快捷方式。
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-tasks-dark.gif"> <img alt="Nx 控制台 - 用于 Nx 和 Lerna 的用户界面" src="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-tasks.gif" width="100%"> </picture> </p>工作区可视化
Nx 控制台在您的编辑器中可视化 Nx 项目和任务图。它知道您正在处理哪个文件，因此您可以轻松打开专注于特定项目的图。此外，通过紧密集成到您的编辑器中，您可以单击运行任务或探索导致项目依赖关系的文件。
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-graph-dark.gif"> <img alt="Nx 控制台 - 用于 Nx 和 Lerna 的用户界面" src="https://raw.githubusercontent.com/nrwl/nx-console/master/static/demo-graph.gif" width="100%"> </picture> </p>要求
要使用 Nx 控制台，请确保您处于 Nx 或 Lerna 工作区，并已安装 Node.js。如果您尚未使用 Nx，请在此处了解更多信息：Nx 入门
您可以通过运行以下命令来创建一个 Nx 工作区：
npx create-nx-workspace@latest my-workspace
要将 Nx 安装到现有存储库，只需运行
npx nx init
兼容性
最新版本的 Nx 控制台支持从 Nx 15 开始的所有 Nx 版本。对于旧版本，我们无法保证兼容性或全部功能。然而，我们欢迎贡献！如果您遇到旧版本的具体问题，请考虑提交 PR。当然，如果您发现新版本的 Nx 存在问题，请报告这些问题以帮助我们改进 Nx 控制台。
如果您希望轻松升级 Nx 版本，请参考Nx 迁移文档。
贡献
了解更多
- 文档 - 官方文档，附带视频教程
- nx.dev - 关于 Nx 的文档、指南和互动教程
- 加入社区 - 在官方 Discord 服务器上讨论 Nx 和 Nx 控制台
- 了解更多关于 Nx 团队 - Nx 团队领导了 Nx 控制台的开发，在此之前曾与许多企业客户合作。
Jetbrains WSL 支持
在 语言和框架 > Node.js 下，需要配置 Node 解释器以使用 WSL 分发中的 Node 可执行文件。 您可以在官方 Jetbrains 文档页面上阅读更多相关信息。