无标题文章

# lowCode-engine 本地搭建环境

## 常用网站

> * 代码: <https://github.com/alibaba/lowcode-engine>  

> * demo 仓库:<https://github.com/alibaba/lowcode-demo>

> * 官网 <https://lowcode-engine.cn/>  

> * 文档 <https://lowcode-engine.cn/docV2/lhggxn>

> * 白皮书 <https://developer.aliyun.com/ebook/7507>

# 基本概念

# 环境搭建

## 1. 使用的是windows系统需要安装wsl  

   控制面板中安装wsl  

   ![picture 1](../../../../images/176aefafb3ba5b1b628079074fd2a78ea42b8249bb76c9be3003f32eeeb1adbb.png)  


## 2. 安装ubuntu

   * 搜索栏中输入 store

![picture 3](../../../../images/f27c437dcb02cca7df33df467ca478eb48c001c5b1bc300e8b38c266a184d256.png)  

   * 搜索ubuntu 并获取

![picture 4](../../../../images/1726658788e12497f543dd2856ece5aee048ae49aaeedaaa55f724f41be0bb4b.png)  

   * 安装完成后配置用户名机密码

![picture 5](../../../../images/4e917822509d0d3dcb968373555ae460906d1c1c2b8e20f176645bf4ea75fdbe.png)  

### 2.1 将wsl ubuntu存储迁移到D盘

**导出ubuntu**

> wsl --export Ubuntu D://program//nodel//wsl//ubuntu//ubuntu.tar  

**删除原C盘中的wsl系统**

> wsl --unregister Ubuntu

![picture 6](../../../../images/4769ffbf2c8c9eeb57cc2a71724c80e455da5fc49e3475f0fd063485140debfe.png)  

**导入**

>wsl --import Ubuntu D:\program\nodel\wsl\ubuntu D:\program\nodel\wsl\ubuntu\ubuntu.tar

# 3 vscode 安装wsl 插件

## **_注意:_**  

> _如果wsl安装的是 wsl1, vscode通过 wsl插件链接时,会报错。 处理参看:_

> <https://blog.csdn.net/u010658816/article/details/125286545>  

> 链接成功后工作目录为wsl的系统中,而不是本地windows目录;

# 4 在wsl中clone代码

## 创建工程目录

> * 命令窗口中输入 wsl 执行;进入ubuntu。创建工作目录  mkdir -p /hem/aliLowCodeEngine ;  

> * 克隆代码 :  git clone https://github.com/alibaba/lowcode-demo.git  

> * vscode切换工作目录  /hem/aliLowCodeEngine  

# 5 在wsl 上安装 nodejs

> curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -  

> sudo apt-get install nodejs  

# 6 安装包

> 安装过程遇到了很多问题,大多是没有找到包,或者是下载不了。最后安装成功了。需要<font color=red size=4>注意2点</font>。  

> * 需要配置依赖镜像服务器为: https://registry.npm.taobao.org  ;

> * 最好使用 pnpm 因为最后我使用它完成了包的下载,最后成功运行的。pnpm有两个特点:速度快, 所有同版本包只会下载一次, 一次下载多处使用;  

> **_pnpm安装_**  

> * 官方地址: https://www.pnpm.cn/benchmarks

> * 使用npm 安装 pnpm : `npm install -g pnpm --registry=https://registry.npm.taobao.org`  

> * 使用命令 :  `pnpm i` 安装包

# 7 运行

> `npm start`

> ![图 1](../../../../images/a3c76b34181707445f062e348825b35395f9f44a64a4b3b575cbd4d095facaef.png)  

# 8 页面正常控制台运行报错且不能预览  

## 报错信息  

```

root@LAPTOP-2EM9VE5L:/hem/aliLowCodeEngine/lowcode-demo-main# pnpm start

 @alilc/lowcode-demo@1.0.27 start /hem/aliLowCodeEngine/lowcode-demo-main

 build-scripts start --disable-reload --port 5556

@alib/build-scripts 0.1.32

 ERROR  Failed to compile with 1 errors                                                                                                                                         8:07:31 PM

This dependency was not found:

 regenerator-runtime/runtime in ./src/preview.tsx

To install it, you can run: npm install --save regenerator-runtime/runtime

```

### 尝试使用提示命令操作

`pnpm install --save regenerator-runtime/runtime`  

> 执行失败提示,大概意思是说,在 github 上未找到 regenerator-runtime/runtime。  

> 处理方式参照:<https://www.qumuban.com/63014.html>  

> > `npm i regenerator-runtime`

# 9 运行测试通过

![图 3](../../../../images/da2fe48f7dc16587717818ead5b4d2d35a53b1d9c4e2d94e64fcc79d0a07cab4.png)  

## 页面预览功能可以正常使用

![图 4](../../../../images/ff44090480e0dd446f11295a7fea98e50fabfea68e954b941230ae4b9abcf84d.png)  

# 99 总结

> 至此阿里低代码引擎在本地搭建成功。 后期将会继续学习一下,怎么使用它搭建应用。

> 整个过程中主要是依赖包的下载上有较多问题,如果执行pnpm i 命令出错,建议多执行几次(或者删除node_model目录后再执行 pnpm i ),其他倒还顺利。

# 9 备注

> 白皮书已经上传至阿里云盘

> ![图 1](../../../../images/16ab2703513f7e73764bb878d35978dda079addda71dccf5be154ffc6df61512.png)  

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 227,022评论 6 528
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 97,760评论 3 412
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 174,687评论 0 373
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 62,318评论 1 307
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 71,112评论 6 405
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 54,645评论 1 320
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 42,724评论 3 435
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 41,885评论 0 285
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 48,387评论 1 330
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 40,368评论 3 354
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 42,506评论 1 365
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 38,063评论 5 355
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 43,759评论 3 343
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 34,150评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 35,414评论 1 281
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 51,080评论 3 386
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 47,494评论 2 370

推荐阅读更多精彩内容

  • # 云计算实验 如果说亚马逊的AWS(Amazon Web Service)是一个IaaS平台,为用户提供计算服务...
    哟桑_6481阅读 620评论 0 0
  • ### 1.安装 nodejs ### 2.安装 git ### 3.下载 [vue-element-admin]...
    gogogo_e6cf阅读 369评论 0 0
  • #Node课程大纲V10(一周) ##目录 *1day -基本介绍 -环境配置(nodenvm,cnpm) -RE...
    lint_b7d1阅读 188评论 0 0
  • #VUE组件化与Framework7结合使用Echarts ###主要特性 VUE是一种渐进式的JS框架,它简单易...
    倚栏人阅读 153评论 0 0
  • 转至元数据结尾创建: 董潇伟,最新修改于: 十二月 23, 2016 转至元数据起始第一章:isa和Class一....
    40c0490e5268阅读 1,744评论 0 9