如何配置引擎调试环境？

低代码引擎的核心仓库是不包含任何物料、插件、setter 的，它本身用于生成低代码引擎的主包。

如果您需要对低代码的主包进行开发和调试，需要用到本文里介绍的知识。

如果您需要对低代码编辑器进行定制，您可能只需要 clone lowcode-demo 项目并进行修改，参考“配置低代码扩展点”章节。

前置条件：

node >= 14

1. 拉取代码，启动项目

  1. git clone git@github.com:alibaba/lowcode-engine.git
  2. cd lowcode-engine
  3. npm install && npm run setup
  4. npm start
  7. git clone git@github.com:alibaba/lowcode-demo.git
  8. cd lowcode-demo
  9. npm install && npm start

2. 配置资源代理

本质上是将 demo 页面引入的几个 js/css 代理到 engine 项目，可以使用趁手的代理工具，这里推荐 XSwitch。

本地开发代理规则如下：

  1. {
  2.   "proxy": [
  3.     [
  4.       "https://alifd.alicdn.com/npm/@alilc/lowcode-engine@(.*)/dist/js/engine-core.js",
  5.       "http://localhost:5555/js/engine-core.js"
  6.     ],
  7.     [
  8.       "https://alifd.alicdn.com/npm/@alilc/lowcode-engine@(.*)/dist/css/engine-core.css",
  9.       "http://localhost:5555/css/engine-core.css"
  10.     ],
  11.     [
  12.       "https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@(.*)/dist/js/react-simulator-renderer.js",
  13.       "http://localhost:5555/js/react-simulator-renderer.js"
  14.     ],
  15.     [
  16.       "https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@(.*)/dist/css/react-simulator-renderer.css",
  17.       "http://localhost:5555/css/react-simulator-renderer.css"
  18.     ],
  19.     [
  20.       "https://alifd.alicdn.com/npm/@alilc/lowcode-rax-simulator-renderer@(.*)/dist/js/rax-simulator-renderer.js",
  21.       "http://localhost:5555/js/rax-simulator-renderer.js"
  22.     ],
  23.     [
  24.       "https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@(.*)/dist/css/rax-simulator-renderer.css",
  25.       "http://localhost:5555/css/rax-simulator-renderer.css"
  26.     ]
  27.   ]
  28. }