---
title: "手动安装"
description: "在项目中安装并配置 Tiptap UI 组件，无需使用模板。"
canonical_url: "https://tiptap.zhcndoc.com/ui-components/install/manual"
---

# 手动安装

在项目中安装并配置 Tiptap UI 组件，无需使用模板。

## 配置路径别名

在你的 `tsconfig.json` 文件中配置路径别名。

```json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./*"]
    }
  }
}
```

`@` 别名是一种偏好。你也可以根据需要使用其他别名。

## 配置样式

请遵循[样式设置指南](https://tiptap.zhcndoc.com/ui-components/getting-started/style.md)，确保编辑器和组件正确渲染。

### 就这样！

现在你可以在项目中使用 Tiptap UI 组件，无需额外配置。只需导入所需组件，开始构建你的编辑器即可。