# @alilc/lowcode-engine 中文文档

规范地址：https://npmcn.com/package/%40alilc/lowcode-engine/

版本：1\.3\.4
npm 元数据更新时间：2025-03-11T07:10:53.293Z
中文译文更新时间：2026-11-08T07:42:06.668Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40alilc/lowcode-engine
原文对照：https://npmcn.com/package/%40alilc/lowcode-engine/?lang=original
项目主页：https://github.com/alibaba/lowcode-engine/#readme
源码仓库：https://github.com/alibaba/lowcode-engine#main

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：6.2 MB，75 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：未声明
- 运行依赖：13 个
- 首次发布：2022-01-14T02:18:13.638Z
- 最新版本发布：2025-03-11T07:10:52.937Z
- 近 30 天下载量：1865（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：289（近 12 个月 0 个）

## 中文简介

企业级的低码技术堆栈, 并带有缩放设计 / QQ

## 安装

```sh
npm install @alilc/lowcode-engine
```

也可以使用：`pnpm add @alilc/lowcode-engine`、`yarn add @alilc/lowcode-engine`、`bun add @alilc/lowcode-engine`

## README

[![](https://img.alicdn.com/imgextra/i3/O1CN01i8K9cD1d0HU7TjDtv_!!6000000003673-2-tps-500-591.png)](http://lowcode-engine.cn/)

# 低编码引擎

企业级低码技术堆栈, 并带有扩展设计

[![NPM version](https://img.shields.io/npm/v/@alilc/lowcode-engine.svg?style=flat-square)](http://npmjs.org/package/@alilc/lowcode-engine) [![NPM downloads](https://img.shields.io/npm/dm/@alilc/lowcode-engine.svg?style=flat-square)](https://npmjs.org/package/@alilc/lowcode-engine)

[![](https://img.shields.io/badge/using-issues--helper-orange?style=flat-square)](https://github.com/actions-cool/issues-helper) [![Issues need help](https://flat.badgen.net/github/label-issues/alibaba/lowcode-engine/help%20wanted/open)](https://github.com/alibaba/lowcode-engine/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22)

[![codecov](https://codecov.io/gh/alibaba/lowcode-engine/branch/main/graph/badge.svg)](https://codecov.io/gh/alibaba/lowcode-engine) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/lowcode-workspace/awesome-lowcode-engine)

[![](https://img.shields.io/badge/LowCodeEngine-Check%20Your%20Contribution-orange)](https://opensource.alibaba.com/contribution_leaderboard/details?projectValue=lowcode-engine)

[![](https://img.alicdn.com/imgextra/i2/O1CN01UhoS7C1sNNhySvfWi_!!6000000005754-2-tps-2878-1588.png)](http://lowcode-engine.cn/)

页:1 [简体中文](https://npmcn.com/package/%40alilc/lowcode-engine/packages/engine/README-zh_CN.md)

## \* 特性

-   从企业级低码平台提取的面向扩展的内核引擎,追求最小内核和最强生态的设计理念
-   QQ出品的优质生态元素,包括材料系统,设置器,插件等.
-   QQ 完整的工具链,支持材料系统,设置器,插件等生态元素的全链式研发循环
-   \* 强大的扩展能力,支持了近100个各种垂直低码平台
-   使用 TypeScript 开发, 提供完整类型定义文件

## 相容环境

-   现代浏览器(Chrome QQ 80, Edge 80,后两个 safari版本,后两个 firefox版本)

## 发动机协议

该引擎全面实施了"LowCodeEngine Basic Construction Professionation"和"LowCodeEngine 材料协议规格". 协议堆栈是低码域中的材料能否被流出的关键部分.

![image](https://img.alicdn.com/imgextra/i3/O1CN01IisBcy1dNBIg16QFM_!!6000000003723-2-tps-1916-1070.png)

## 用法实例

```bash
npm install @alilc/lowcode-engine --save-dev
```

> **TIPS: 仅支持 cdn 导入, npm 包用于提供输入等代码提示能力**

```ts
import { init, skeleton } from '@alilc/lowcode-engine';

skeleton.add({
  area: 'topArea',
  type: 'Widget',
  name: 'logo',
  content: YourFantasticLogo,
  contentProps: {
    logo:
      'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
    href: '/',
  },
  props: {
    align: 'left',
    width: 100,
  },
});

init(document.getElementById('lce'));
```

### 工程配置 :

```json
{
  "externals": {
    "@alilc/lowcode-engine": "var window.AliLowCodeEngine",
    "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt"
  }
}
```

### cdn 可选方法 :

#### 方法1: Alifd cdn

```html
https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js

https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
```

#### 方法2:uipaas cdn

```html
https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.0.18/dist/js/engine-core.js

https://uipaas-assets.com/prod/npm/@alilc/lowcode-react-simulator-renderer/1.0.18/dist/js/react-simulator-renderer.js
```

#### 方法3:unpkg

```html
https://unpkg.com/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js

https://unpkg.com/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
```

#### 方法 4: jsdelivr

```html
https://cdn.jsdelivr.net/npm/@alilc/lowcode-engine@1.0.18/dist/js/engine-core.js

https://cdn.jsdelivr.net/npm/@alilc/lowcode-react-simulator-renderer@1.0.18/dist/js/react-simulator-renderer.js
```

#### 方法 5: 使用自己的cdn

将源代码中包/引擎/dist和软件包/反应-模拟-发送/dist下的文件传给您的 cdn 提供者

## QQ 相关链接

-   [官方网站主页](http://lowcode-engine.cn/)
-   [Demo 现在播放](http://lowcode-engine.cn/demo) | [引擎Demo仓库](https://github.com/alibaba/lowcode-demo)
-   [官方材料](https://github.com/alibaba/lowcode-materials)
-   [正式设置](https://github.com/alibaba/lowcode-engine-ext)
-   [正式插件( 插件)](https://github.com/alibaba/lowcode-plugins)
-   [生态元素(材料、设置器、插件)工具链](https://lowcode-engine.cn/site/docs/guide/expand/editor/cli)
-   [用户文档](http://lowcode-engine.cn/doc)
-   [API 密码](https://lowcode-engine.cn/site/docs/api/)

这个 [超级低码引擎](https://github.com/lowcode-workspace/awesome-lowcode-engine) 页面链接到一个存储库,该存储库记录所有使用或构建低码引擎的工具\\ 材料\\ 解决方案,欢迎 PR.

## 本地调试

```bash
$ git clone git@github.com:alibaba/lowcode-engine.git
$ cd lowcode-engine
$ npm install
$ npm run setup
$ npm start
```

> QQ npm访问速度缓慢,阿里巴巴员工可以使用tnpm,其他学生建议使用cnpm或指定镜像注册.
> 
> QQ 视窗环境必须使用 [WSL 维基月球](https://docs.microsoft.com/en-us/windows/wsl/install),其他终端不能保证正常工作

在开始使用低码引擎后,会提供多个 umd 文件,这些文件可以结合 [低码演示](https://github.com/alibaba/lowcode-demo) 项目。 参考文件代理规则 [这里](https://lowcode-engine.cn/site/docs/participate/prepare)。 。 。 .

## 参与

请先读:

1.  [如何配置引擎调试环境 ?](https://lowcode-engine.cn/site/docs/participate)
2.  [关于引擎的研发合作进程](https://lowcode-engine.cn/site/docs/participate/flow)

> 强烈建议阅读 ["出自"问道之智慧"](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way), \["如何向开源社区提问"\] (https: ///github.com/seajs/seajs/issues/545)并 [如何有效报告臭虫](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html), (中文(简体) ), ["如何向开源项目提交无法回答的问题"](https://zhuanlan.zhihu.com/p/25795393)更好的问题更容易得到帮助 (本段提及 [蚂蚁d](https://github.com/ant-design/ant-design)(中文(简体) )

关于拉请求 :

-   设定目标分支为 **开发** 其他 **主要**

## • 贡献者

特别感谢为这一项目作出贡献的每一个人.

[![](https://contrib.rocks/image?repo=alibaba/lowcode-engine)](https://github.com/alibaba/lowcode-engine/graphs/contributors)

## 常见问题

### @alilc/lowcode-engine 是什么？

企业级的低码技术堆栈, 并带有缩放设计 / QQ

### 如何安装 @alilc/lowcode-engine？

在项目目录运行 npm install @alilc/lowcode-engine，或使用 pnpm add / yarn add / bun add。

### @alilc/lowcode-engine 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/alilc\_\_lowcode-engine 是否存在。

### @alilc/lowcode-engine 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @alilc/lowcode-engine 可以商用吗？

@alilc/lowcode-engine 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @alilc/lowcode-engine 的下载量有多少？

根据 npm 官方下载统计，@alilc/lowcode-engine 在 2026/10/06 – 2026/11/04 这 30 天内被下载 1,865 次，日均约 62 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @alilc/lowcode-engine 还在维护吗？

最新版本 1\.3\.4 发布于 2025/03/11（1\.7 年前）；至今共发布 289 个版本，其中过去 12 个月发布了 0 个；首次发布于 2022/01/14。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。