【阿里低代码引擎实战】— 安装WSL与初始化项目

【阿里低代码引擎实战】--- 安装WSL与初始化项目

一. 环境准备

官方文档中明确说了Window 环境需要使用 WSL 在 windows 下进行低代码引擎相关的开发。所以先来安装WSL,推荐WSL 2.0版本;

微软安装WSL教程:learn.microsoft.com/zh-cn/windo...

  1. 控制面板中搜索 "启用或关闭Windows功能",勾选上 "适用于Linux的Windows子系统";

  2. 以管理员身份打开PowerShell,运行

    css 复制代码
    wsl --install

    完装完成后重启计算机,如果出现超时报错,可以尝试修改网络DNS;

  3. 重启后输入 wsl -v 查看安装版本;

  4. 安装 WSL 发行版,打开Windows应用商店搜索ubantu,选择一个点击安装;

    可以使用 wsl -l -v 查看已安装的Linux发行版;

  5. 安装完成后打开ubantu,第一次需要设置用户名密码,这里需要注意用户名首字母不要大写;

    PS:另外,可以下载官方推荐的 Windows Terminal,apps.microsoft.com/detail/9n0d... ;

    也可以在 VS Code 下安装 Remote Development 插件,这时就能在 VS Code 中使用 WSL 了;

二. 在 WSL2 上安装 nodejs 和 cnpm:

官方文档:learn.microsoft.com/zh-cn/windo...

  1. 安装 nvm 用于管理 node 版本,打开 ubantu 命令行,输入以下命令安装cURL:

    arduino 复制代码
    sudo apt-get install curl

    使用以下命令安装 nvm:

    arduino 复制代码
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash

    如果安装特别慢,可以修改 C:\Windows\System32\drivers\etc 下的 hosts 文件,在文件中添加:

    复制代码
    185.199.110.133     raw.githubusercontent.com

    DNS地址可以通过这个网站获取:sites.ipaddress.com/raw.githubu...

    在以下 4 个 DNS 中任选一个(谁快选谁)

    安装后命令行输入 nvm -v 查看 nvm 版本:

  2. 安装 Node.js 的当前稳定的 LTS 版本:

    css 复制代码
    nvm install --lts

    安装其他版本的node(阿里低代码引擎官方文档在2024年2月推荐node 版本为 16.18.0,lowcode-engine.cn/site/docs/g...)

    复制代码
    nvm install 16.18.0

    切换当前使用的 node 版本:

    perl 复制代码
    nvm use v16.18.0

    查看确认 node 和 npm 版本:

  3. 安装 cnpm:

    ini 复制代码
    npm install cnpm -g --registry=https://registry.npmmirror.com

    之后所有需要执行命令的操作都是在 WSL 终端执行

三. 下载 lowcode-demo 项目

  1. github.com/alibaba/low... git clone 项目后,进入demo-general;

    bash 复制代码
    cd demo-general
  2. 安装依赖;

    复制代码
    cnpm install

    可能出现如下报错:

    执行下面的命令安装指定版本的 html-webpack-plugin:

    css 复制代码
    cnpm i html-webpack-plugin@4 -D

    该报错在官方issue中 github.com/alibaba/low... 已修复,但有概率出现;

四. 启动 lowcode-demo 项目

在 lowcode-demo/demo-general 目录下执行:

arduino 复制代码
cnpm run start

之后就可以通过 http://localhost:5556/ 来访问 DEMO 了;

========================================================== 以上为个人工作学习笔记总结,供学习参考交流,未经允许禁止转载或商用。

个人博客地址:joexu727.github.io/2024/02/24/...

相关推荐
什么嘻嘻果冻22 分钟前
无代码开发平台的技术架构,恐象 AI 的生成引擎拆解
大数据·人工智能·低代码
驰骋工作流2 小时前
低代码开发平台设计方向之一:基于菜单体系的开发平台设计驰骋BPM驰骋低代码低代码工作流引擎
低代码
risc1234561 天前
万变不离其宗
人工智能·低代码·云原生
Java小卷1 天前
Vue3 动态表单支持弹框组件
前端·vue.js·低代码
CORNERSTONE3651 天前
准备上MES,企业要先整理哪些基础数据?
低代码·erp·mes·企业数字化
骑着蜗牛撵大象3271 天前
ToolJet + PostgreSQL:后台表格、查询和流程,一次搭成可远程访问的业务系统
数据库·低代码·docker·postgresql·内部工具·tooljet
缓慢更新2 天前
表单引擎的存储建模:宽表与文档库的取舍
运维·服务器·网络·数据库·低代码·oracle·适配器模式
CORNERSTONE3652 天前
多品种、小批量生产,系统选型前要梳理哪些业务规则?
低代码·erp·企业数字化
什么嘻嘻果冻2 天前
无代码开发平台中的自然语言生成:恐象AI实现路径
大数据·人工智能·低代码
李福春2 天前
技术思考问题19:低代码省代码,能省架构吗?
低代码·架构·rxjava·深圳同盟·腾讯云架构师技术同盟·能力圈·机会成本