低代码生态项目教程

1. 项目目录结构及介绍

低代码生态项目（lowcode-ecology）是基于 Ant Design 和 Formily 组件库实现的生态项目。项目目录结构如下：

• .husky/：husky 配置目录，用于 Git 提交钩子。
• .vscode/：VSCode 配置目录。
• demo/：示例项目目录，基于 umi4 实现，用于展示和调试组件。
• packages/：组件包目录，包含所有自定义组件。
  • antd-plugins/：Ant Design 插件目录。
  • antd-setters/：Ant Design 设置器目录。
• scripts/：脚本目录，包含构建和部署脚本。
• assets.json：物料注册文件，用于注册项目中使用的物料。
• commitlint.config.js：commit 消息校验配置文件。
• lerna.json：lerna 配置文件，用于管理多包仓库。
• package.json：项目包配置文件。
• tsconfig.json：TypeScript 配置文件。
• yarn.lock：yarn 锁文件，记录项目依赖。

2. 项目的启动文件介绍

项目的启动主要是通过 demo/ 目录中的代码来实现的。在 demo/ 目录下，可以通过以下命令启动项目：

yarn start

执行该命令后，项目将启动一个本地服务器，默认端口为 8000，在浏览器中访问 http://localhost:8000 即可查看项目效果。

3. 项目的配置文件介绍

项目中主要的配置文件如下：

• package.json：项目包配置文件，定义了项目的名称、版本、描述、依赖等。
• tsconfig.json：TypeScript 配置文件，定义了项目的 TypeScript 编译选项。
• .eslintrc：ESLint 配置文件，用于定义代码风格和校验规则。
• .prettierrc：Prettier 配置文件，用于定义代码格式化规则。
• lerna.json：lerna 配置文件，用于配置多包仓库的相关设置。

这些配置文件为项目的开发提供了统一的代码风格和规范，有助于维护项目的一致性和可维护性。