【亲测免费】 阿里巴巴 LowCodeEngine 项目常见问题解决方案

LowCodeEngine 是阿里巴巴开源的一套面向扩展设计的企业级低代码技术体系。该项目主要使用 TypeScript 进行开发。

一、项目基础介绍

LowCodeEngine 是从企业级低代码平台中提取出的内核引擎，致力于追求最小内核和最强生态的设计理念。它提供了开箱即用的生态元素，包括物料系统、设置器、插件等，并且支持完整的研发周期工具链。此外，它具有强大的扩展能力，已经支持了接近100种不同的垂直低代码平台。

主要编程语言

• TypeScript

二、新手常见问题及解决步骤

问题一：如何安装 LowCodeEngine

问题描述：新手在使用 LowCodeEngine 时，不知道如何正确安装。

解决步骤：

1. 确保已经安装了 Node.js 环境。

2. 使用 npm 命令安装 LowCodeEngine：

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

问题二：如何使用 LowCodeEngine 初始化页面

问题描述：新手不知道如何使用 LowCodeEngine 来初始化页面。

解决步骤：

1. 在项目中引入 LowCodeEngine：

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

2. 使用 skeleton 添加组件：

   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 }
       ]
     }
   ]);
   

3. 初始化 LowCodeEngine：

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

问题三：如何配置 LowCodeEngine 的工程化

问题描述：新手不知道如何配置 LowCodeEngine 的工程化。

解决步骤：

1. 在项目的 webpack.config.js 文件中配置 externals：

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

通过以上步骤，新手可以顺利开始使用 LowCodeEngine 并解决一些常见问题。