# Monorepo 的用户界面，提供可视化工作流并用深刻洞察力增强你的 AI 聊天
**在你的编辑器中保持专注和高效。**
[](https://github.com/nrwl/nx-console/actions/workflows/ci_checks.yml)
[](https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console)
[](https://plugins.jetbrains.com/plugin/21060-nx-console)
[](https://github.com/nrwl/nx-console/blob/master/LICENSE)
[](https://code.visualstudio.com)
## 为什么选择 Nx Console？
开发者同时使用命令行工具和用户界面。他们在终端中提交代码，却在 Visual Studio Code 或 WebStorm 中解决冲突。他们为手头的工作选择合适的工具。
Nx Console 就是那个工具。它帮助开发者保持心流状态，提供可视化工作流，并增强你的 AI 聊天体验等等。
## 安装
- 通过 Visual Studio Marketplace 安装 [适用于 Visual Studio Code 的 Nx Console](https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console)。
- 通过 OpenVSX 注册表安装 [适用于 Visual Studio Code 的 Nx Console](https://open-vsx.org/extension/nrwl/angular-console)。
- 通过 JetBrains Marketplace 安装 [适用于 JetBrains 的 Nx Console](https://plugins.jetbrains.com/plugin/21060-nx-console)。
## 主要功能
### AI 增强
Nx Console 通过向驱动 VSCode 和 Cursor 的大型语言模型提供相关上下文来增强你编辑器的 AI 功能。自动让 AI 了解你的工作区架构、生成器，并为它提供最新的 Nx 文档！
Nx Console 为 [VSCode](https://nx.dev/blog/nx-mcp-vscode-copilot) 和 [Cursor](https://nx.dev/blog/nx-made-cursor-smarter) 都附带了一个 MCP 服务器。
你也可以通过 `nx-mcp` NPM 包单独安装 MCP 服务器，无需 Nx Console 扩展。更多信息请查看[这里](./apps/nx-mcp/README.md)。在 [Nx 文档](https://nx.dev/docs/features/enhance-ai)中了解更多。
### 项目详情视图
Nx Console 与项目详情视图（PDV）无缝集成。你可以了解更多关于你的项目、可用任务和详细配置信息。借助 Nx Console 中的 PDV，你只需点击几下即可运行任务或导航任务图！
[在 nx.dev 上了解更多关于项目详情视图的信息](https://nx.dev/docs/guides/nx-console/console-project-details#nx-console-project-details-view)
### 生成用户界面
Nx Console 通过我们的交互式“生成”用户界面使运行生成器变得更容易。它会自动解析任何生成器的模式，并在你输入时提供自动完成、验证和预览功能。
你可以通过 `Nx: Generate (UI)` 命令或在文件资源管理器的上下文菜单中启动“生成”用户界面。路径将自动预填！[在 nx.dev 上了解更多关于“生成”用户界面的信息](https://nx.dev/docs/guides/nx-console/console-generate-command)
### Nx Cloud 集成
Nx Console 通过为你提供当前 CI 流水线执行情况的概览，并在 CI 完成或发生错误时显示通知，从而改善了使用 Nx Cloud 的体验。不再需要反复刷新 GitHub，只需继续工作，Nx Console 会在你的 PR 准备就绪后通知你！
此外，Nx Console 通过在编辑器内指导你完成 Nx Cloud 入门流程来提供帮助。
[在 nx.dev 上了解更多关于 Nx Cloud 集成的信息](https://nx.dev/docs/guides/nx-console/console-nx-cloud)
### 项目与任务概览
Nx Console 从 Nx 的角度呈现你的工作区概览。你可以在 `Projects` 视图中浏览项目、其目标与配置。在 `Common Nx Commands` 视图中运行可用目标或为常用命令创建快捷方式。
### 工作区可视化
Nx Console 在你的编辑器中直接可视化 Nx 项目与任务图。它知道你正在处理哪个文件，因此你可以轻松打开以该项目为重点的图。此外，通过与编辑器的紧密集成，你可以一键运行任务或探索导致项目依赖的文件。
## 要求
要使用 Nx Console，请确保你处于一个 Nx 或 Lerna 工作区中，并且已安装 Node.js。如果你还没有使用 Nx，可以在此了解更多信息：[Nx 入门](https://nx.dev/docs/getting-started/intro)
你可以通过运行以下命令来[创建一个 Nx 工作区](https://nx.dev/docs/getting-started/installation)：
```
npx create-nx-workspace@latest my-workspace
```
要[将 Nx 安装到现有仓库中](https://nx.dev/docs/getting-started/installation#installing-nx-into-an-existing-repository)，只需运行：
```
npx nx init
```
## 兼容性
最新版本的 Nx Console 支持所有从 Nx 15 开始的 Nx 版本。对于旧版本，我们无法保证兼容性或完整功能。但是，我们欢迎贡献！如果你在旧版本中遇到特定问题，请考虑提交 PR。当然，如果你在新版本的 Nx 中发现任何问题，请报告这些问题以帮助我们改进 Nx Console。
如果你想轻松升级你的 Nx 版本，请参考 [Nx
迁移文档](https://nx.dev/docs/features/automate-updating-dependencies)。
# 贡献
请阅读[贡献指南](https://github.com/nrwl/nx-console/blob/master/CONTRIBUTING.md)。从
[good first issue](https://github.com/nrwl/nx-console/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22)
列表中挑选一个
问题开始。
## 了解更多
- [文档](https://nx.dev/docs/getting-started/editor-setup) - 包含视频教程的官方文档
- [nx.dev](http://nx.dev) - 关于 Nx 的文档、指南和互动教程
- [加入社区](http://go.nx.dev/community) - 在官方 Discord 服务器上讨论 Nx 和 Nx Console
- [了解 Nx 团队](https://nx.dev/company) - Nx 团队在与众多企业客户合作后，主导了 Nx Console 的开发。
### JetBrains WSL 支持
需要将 **Languages & Frameworks** > **Node.js** 下的 Node 解释器配置为使用 WSL 发行版内的 Node 可执行文件。
你可以在
[JetBrains 官方文档页面](https://www.jetbrains.com/help/webstorm/how-to-use-wsl-development-environment-in-product.html#ws_wsl_node_interpreter_configure)上阅读更多内容。
标签：AI聊天增强, CMS安全, IDE插件, JavaScript, JetBrains插件, Lerna, Linux 内核安全, MITM代理, Monorepo管理, Nx, SOC Prime, TypeScript, VS Code扩展, 代码生成, 代码编辑器, 任务运行器, 单体仓库, 可视化工作流, 后端开发, 安全插件, 开发工具, 开发效率, 开源, 数据可视化, 渗透测试工具, 用户界面, 策略执行, 编辑器集成, 网络可观测性, 网络调试, 自动化, 项目管理
