【阿里低代码引擎实战】--- 安装WSL与初始化项目
一. 环境准备
官方文档中明确说了Window 环境需要使用 WSL 在 windows 下进行低代码引擎相关的开发。所以先来安装WSL,推荐WSL 2.0版本;
微软安装WSL教程:learn.microsoft.com/zh-cn/windo...
-
控制面板中搜索 "启用或关闭Windows功能",勾选上 "适用于Linux的Windows子系统";
-
以管理员身份打开PowerShell,运行
csswsl --install
完装完成后重启计算机,如果出现超时报错,可以尝试修改网络DNS;
-
重启后输入
wsl -v
查看安装版本; -
安装 WSL 发行版,打开Windows应用商店搜索ubantu,选择一个点击安装;
可以使用
wsl -l -v
查看已安装的Linux发行版; -
安装完成后打开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...
-
安装 nvm 用于管理 node 版本,打开 ubantu 命令行,输入以下命令安装cURL:
arduinosudo apt-get install curl
使用以下命令安装 nvm:
arduinocurl -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 版本: -
安装 Node.js 的当前稳定的 LTS 版本:
cssnvm install --lts
安装其他版本的node(阿里低代码引擎官方文档在2024年2月推荐node 版本为 16.18.0,lowcode-engine.cn/site/docs/g...)
nvm install 16.18.0
切换当前使用的 node 版本:
perlnvm use v16.18.0
查看确认 node 和 npm 版本:
-
安装 cnpm:
ininpm install cnpm -g --registry=https://registry.npmmirror.com
之后所有需要执行命令的操作都是在 WSL 终端执行
三. 下载 lowcode-demo 项目
-
github.com/alibaba/low... git clone 项目后,进入demo-general;
bashcd demo-general
-
安装依赖;
cnpm install
可能出现如下报错:
执行下面的命令安装指定版本的 html-webpack-plugin:
csscnpm 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 了;
========================================================== 以上为个人工作学习笔记总结,供学习参考交流,未经允许禁止转载或商用。