lowcode Win11 入门

阿里低代码引擎官方小组【投稿】

官网链接

Windows 开发者请在 WSL 环境下使用开发工具
WSL 中文 doc：https://docs.microsoft.com/zh-cn/windows/wsl/install
中文教程：https://blog.csdn.net/weixin_45027467/article/details/106862520

https://docs.microsoft.com/zh-cn/windows/dev-environment/javascript/nodejs-on-wsl

第一步 启用子系统

第二步 安装子系统 - Ubuntu

第三步 初始化系统并安装nodejs

# 选择关键步骤进行即可
# =============================================================================
mkdir -p ~/software
cd ~/software
wget https://nodejs.org/dist/v14.19.1/node-v14.19.1-linux-x64.tar.xz
tar -xvf node-v14.19.1-linux-x64.tar.xz
mv node-v14.19.1-linux-x64 nodejs
sudo ln -s ~/software/nodejs/bin/npm /usr/local/bin/ 
sudo ln -s ~/software/nodejs/bin/node /usr/local/bin/
sudo ln -s ~/software/nodejs/bin/npx /usr/local/bin/
# npm config set registry https://registry.npm.taobao.org --global
# npm config set disturl https://npm.taobao.org/dist --global
# npm install pm2 -g
# ln -s ~/software/nodejs/lib/node_modules/pm2/bin/pm2 /usr/local/bin/ 
# pm2 startup centos

npm i nrm -g
sudo ln -s ~/software/nodejs/lib/node_modules/nrm/cli.js /usr/local/bin/nrm
nrm ls
nrm use taobao


# sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
# sudo ln -s ~/software/nodejs/lib/node_modules/cnpm/bin/cnpm /usr/local/bin/cnpm
# nrm ls

# npm i n -g
# sudo ln -s /home/lc/software/nodejs/lib/node_modules/n/bin/n /usr/local/bin/n
# https://www.jianshu.com/p/962773a0aa9e

# 快速删除 node_modules
npm install rimraf -g
sudo ln -s /data/home/zhw/software/nodejs/lib/node_modules/rimraf/bin.js  /usr/local/bin/rimraf
rimraf node_modules

# wsl https://zhuanlan.zhihu.com/p/294933020
# rm ~/.vscode-server/bin/* -rf  #把$HOME/.vscode-server/bin下的内容删干净，防止出错

# =============================================================================
# 见第五步 结果
# =============================================================================

#VS Code Server
#Installing VS Code Server for x64 (e18005f0f1b33c29e81d732535d8c0e47cafb0b5)
#Downloading: 100%
#Unpacking: 100%
#Unpacked 2341 files and folders to /home/lc/.vscode-server/bin/e18005f0f1b33c29e81d732535d8c0e47cafb0b5.

第四步 初始化测试代码

mkdir -p ~/lc
cd ~/lc
npm init @alilc/element react-comps
npm i

第五步 安装VS Code Server

#命令行输入【code .】即可自动安装
cd ~/lc/react-comps
code . #将自动安装 效果图见下方【图A】
code . #本地打开
# 别着急运行 先全局替换一下
# ====================================================
color?: 'string';
  style?: 'object'
  替换成
color?: string;
  style?: object;
# ====================================================
# 具体操作见 【图B】

npm run lowcode:dev #打开的vscode命令行中运行效果图见下方【图C】

图 A

图 A

图 B

图 B

图 C

图 C