其他
可视化搭建的开源商场平台~
大家好，我是TJ
关注TJ君，回复“武功秘籍”免费获取计算机宝典书籍
TJ君将之前发过的各种项目及工具进行了整理，收录到了GitHub项目，欢迎各位小伙伴光临Star，地址如下：https://github.com/Wechat-TJ/TJ-WORLD-FORU
今天的天气真不错，乘着这大太阳，赶紧和大家分享一个可以通过可视化搭建H5、小程序多端商城的低代码商城平台，Mall-Cook
Mall-Cook是一个基于vue开发的可视化商城搭建平台，可以满足用户通过可视化构建各个商场阶段的页面，并且具备Json Schema 生成器，将功能都划分城组件，方便接入平台。
项目架构图如下：
项目上手简单，只需要几个步骤，先是准备环境，node 版本建议 12 或 14
$ node-v
v14.19.1
然后安装依赖：
cd 进对应项目目录
npm install
稍稍提一下的是项目结构采用的是Monorepo风格，就是一个项目仓库 (repo) 中管理多个单独项目 (package)
mall-cook // 项目仓库 (必须下载依赖)
├─ packages
│ ├─ mall-cook-platform // 搭建平台 (必须下载依赖)
│ ├─ mall-cook-template // 渲染引擎 (必须下载依赖)
│ ├─ mall-cook-document // 文档 (如需使用需下载依赖)
│ ├─ mall-cook-service // node后端 (如需使用需下载依赖)
├─ scripts
└─ package.json
安装完之后就可以进行运行
npm run dev
当然，有一些配置需要注意修改，例如搭建平台的构建页面为iframe嵌套的H5项目，如需本地开发，需把H5项目需改为本地运行地址。
cd packages/mall-cook-template
npm run dev
最后来看一下实际操作的效果：
觉得还满意的小伙伴，自己来试试吧~
点击下方卡片，关注公众号“TJ君”
回复“mallcook2022”，获取仓库地址
关注我，每天了解一个牛x、好用、有趣的东东