---
title: "安装评论扩展"
description: "在 Tiptap 中安装评论扩展，为您的编辑器和应用程序添加线程讨论。在文档中了解更多信息！"
canonical_url: "https://tiptap.zhcndoc.com/comments/getting-started/install"
---

# 安装评论扩展

在 Tiptap 中安装评论扩展，为您的编辑器和应用程序添加线程讨论。在文档中了解更多信息！

通过遵循本指南安装并配置评论扩展。请查看本页底部的评论示例应用程序以获取完整的集成。

- **1. Activate trial or subscribe**

  开始一个[免费试用](https://cloud.tiptap.dev/v2?trial=true)或在您的账户中[订阅开始计划](https://cloud.tiptap.dev/v2/billing)。
- **2. 启动文档服务器**

  要存储评论，请在您的仪表板中[添加环境](https://cloud.tiptap.dev/v2/configuration/document-server)并配置您的[文档服务器](https://cloud.tiptap.dev/v2/configuration/document-server)。
- **3. 从私有注册表安装**

  要安装此扩展，请按照[设置指南](https://tiptap.zhcndoc.com/guides/pro-extensions.md)进行身份验证，访问 Tiptap 的私有 npm 注册表。

## 访问私有注册表

评论扩展发布在 Tiptap 的私有 npm 注册表中。通过遵循[私有注册表指南](https://tiptap.zhcndoc.com/guides/pro-extensions.md)集成该扩展。

```bash
npm install @tiptap-pro/extension-comments
```

## 集成评论扩展

通过 npm 或其他包管理器安装 `comments` 扩展后，可以在您的编辑器中通过在编辑器实例的 `extensions` 属性中注册该扩展来使用它。

评论扩展由多个组件组成，包括节点和插件。要包括所有所需功能，请使用 `CommentsKit` 扩展。

```js
import { CommentsKit } from '@tiptap-pro/extension-comments'

const editor = new Editor({
  ...
  extensions: [
    ...,
    CommentsKit,
  ]
})
```

这将把所有必需的扩展添加到您的编辑器中。由于线程是一个 **云** 或 **本地** 功能，您还需要将 `TiptapCollabProvider` 实例传递给您的评论扩展。

```js
const collabProvider = new TiptapCollabProvider({
  // 您的提供者选项
})

const editor = new Editor({
  ...
  extensions: [
    ...,
    CommentsKit.configure({
      provider: collabProvider,
    }),
  ]
})
```

您的编辑器现在已准备好支持线程。

请查看以下示例中如何使用评论扩展的完整示例：

> **Interactive demo:** [Comments](https://embed-pro.tiptap.dev/preview/Extensions/Comments?inline=false\&hideSource=false)