企业级协作表格新选择：Univer 5分钟上手指南

2026-04-23 11:29:46作者：蔡丛锟

Build AI-native spreadsheets. Univer is a full-stack framework for creating and editing spreadsheets on both web and server. With Univer Platform, Univer Spreadsheets is driven directly through natural language.

项目地址：https://gitcode.com/GitHub_Trending/un/univer

远程团队协作时，你是否曾经历过这些痛点：多个版本的Excel文件在邮件中来回传递，数据同步不及时导致决策失误；多人同时编辑时因冲突覆盖而丢失重要内容；复杂的公式计算和数据验证需要反复确认正确性。这些问题不仅降低工作效率，更可能造成团队协作障碍。而企业级协作表格Univer的出现，正是为了解决这些难题，提供高效、实时、可扩展的协作体验。

核心价值：重新定义协作表格

Univer作为一套企业级文档和数据协作解决方案，包含电子表格、文档和幻灯片三大核心功能。其高度可扩展的设计允许开发人员基于Univer定制个性化功能，无论是在Web端还是服务器端都能稳定运行。Univer的核心优势在于将复杂的技术实现转化为直观的功能价值，让用户专注于数据处理和团队协作本身，而非工具的使用门槛。

技术架构解析

Univer采用分层架构设计，确保系统的稳定性和可扩展性。最底层是核心模块（core），包含UniverSheet和生命周期管理等基础功能；中间层是基础服务层，涵盖命令系统、服务管理等；上层则是UI组件和各类控制器，负责用户交互。这种架构使得Univer能够灵活应对不同场景的需求，同时保证系统的高效运行。

场景化实践：5分钟快速启动

现在，让我们一起创建你的第一个协作空间👇

环境准备

在开始之前，请确保你的环境中已安装Node.js和npm或pnpm。Univer的安装可以通过npm或pnpm包管理器进行。

安装Univer

使用pnpm安装Univer核心包：

pnpm add @univerjs/core

创建表格实例

在项目中创建一个新的TypeScript文件，引入Univer的核心模块并初始化实例：

import { Univer } from '@univerjs/core';

const univer = new Univer({
    theme: defaultTheme,
    locale: LocaleType.ZH_CN,
    logLevel: LogLevel.VERBOSE,
});

const workbook = univer.createUniverSheet({
    sheetName: '我的第一个表格',
});

数据操作演示

获取活动工作表并进行数据操作：

// 获取活动工作表
const worksheet = workbook.getActiveSheet();

// 向单元格插入数据
worksheet.getCell('A1').setValue('姓名');
worksheet.getCell('B1').setValue('年龄');
worksheet.getCell('C1').setValue('邮箱');

// 插入多行数据
worksheet.setRangeValues('A2:C4', [
    ['张三', 25, 'zhangsan@example.com'],
    ['李四', 30, 'lisi@example.com'],
    ['王五', 35, 'wangwu@example.com'],
]);

// 设置表头样式
worksheet.getRange('A1:C1').setStyle({
    fontWeight: 'bold',
    backgroundColor: '#f0f0f0',
    textAlign: 'center',
});

进阶探索：解锁更多高级功能

实现低代码集成

Univer提供了丰富的API接口，便于开发人员进行低代码集成。通过简单的配置和调用，就能将Univer表格功能嵌入到现有系统中，满足个性化的业务需求。

多人实时编辑体验

启用协作功能，让团队成员实时共享编辑表格：

import { CollaborationPlugin } from '@univerjs/collaboration';

univer.registerPlugin(CollaborationPlugin, {
    serverUrl: '你的协作服务器地址',
});

const shareLink = await workbook.generateShareLink({
    permissions: 'edit',
});
console.log('协作链接:', shareLink);