A low-code tutorial for Xiaobai (1)

1、目的

Some friends want to know about it 尝试 低代码平台, but I didn't find a very simple tutorial for Xiaobai. Today it is here, using foxpage here

PS: 低代码认知

通过配置化的低成本交互方式（主流是拖拽）加上少量代码，去满足一类应用的需求
低代码实现原理其实蛮简单，预置子组件，通过拖拽选择所需组件在画板上进行位置的编排
复制代码

2、环境 && 拉取项目

Environment preparation (it's very simple to install it yourself, if you have any questions, see haha ​​in the comment area)

• nodejs 14.15.1+
• mongodb 5.0+

• Install

$ npm install -g @foxpage/foxpage-cli


# install with yarn


$ yarn global add @foxpage/foxpage-cli
复制代码

• If you run the above command directly in the root directory (a new command page in the mac terminal), you may not be able to continue to run the next code, so建议 新起一个 空文件夹 再运行安装

• Still fail, add sudo in front of the command. The purpose is that the missing package will try to download on the mac, and will request system permissions. Without sudo, there is no permission.

sudo npm install @foxpage/foxpage-cli -g
复制代码

• It should be ok if you see this

• pull project

foxpage-server fetch
复制代码

• 注意You need to select these two installation dependencies

• Then might fail like this very melon rind

• Note that you need to cd to the foxpage directory to execute the command again

foxpage-server install
复制代码

• after waiting for a while

3、跑起来

• configure mongod

cd foxpage/foxpage-server
复制代码

• Find this file development.ts

Mainly modify the mongo port

• 继续报错 How to solve the server can not get up这个明显是 ts 校验有问题，我们没有深入了解代码前 建议 直接忽略处理

• like this

• Trying to run good!

• continue to report errors? mongo is also started

• The problem caused by this is that the server cannot be used, and the experience functions and modifications cannot be logged in.

• command line error

• How to solve this?

I'll talk about it in the next issue~ Please look forward to it~

The foxpage documentation still needs to be refined and not very friendly to novices