简介
在前端开发过程中，我们经常需要创建各种表单，比如登录表单、注册表单、搜索表单等等。而且，这些表单通常需要做一些复杂的验证和处理操作。为了更方便的创建、管理和测试表单，我们可以使用 npm 包 @uklfr/formed-cli。
安装
使用 npm 安装 @uklfr/formed-cli：
--- ------- -- -----------------
使用
创建表单
使用 formed create 命令创建一个新的表单：
------ ------
该命令将会引导你完成表单的创建。你需要输入一些表单的信息，比如表单名、表单类型、表单字段、表单验证等等。
演示
以下是一个简单的登录表单的演示代码。我们将会使用 @uklfr/formed-cli 来创建该表单。
-- ------- --- ------- -- ----------------- -- -------- ------ ------ -- ------ - ------ ---- ----- ----- -- ----- - ----- ---- ----- ----- ---- -- ------ - --- --- ---- ------ -------- - ------ ----- ----- ---- - ----- ----- --- ---- ------ -------- - -- ---- ----- --------- --- - --- --- ---- ------ -------- - ------ ----- ----- -------- - ----- ----- --- ---- ------ -------- - -- ---- ----- --------- --- -- -------- - -- --- ---- -- --- ---------- ------ --- - --- ---------- ---- --- ----- ----------- -------- - --- ---------- ---- --- ----- ----------- ----- - --- ---------- ---- --- ----- ----------- --------
以上命令将会创建一个名为 “Login Form” 的登录表单，包含两个字段 “username” 和 “password”，并且这些字段都是必填的。同时，我们也为 “username” 字段添加了两种数据验证规则，即 “Required” 和 “Email”，而对于 “password” 字段，我们只添加了一种 “Required”的验证规则。
自定义表单配置
当然，你也可以使用一个配置文件来创建表单，而不需要手动输入一些信息。只需要创建一个包含表单信息的 JSON 文件，使用 @uklfr/formed-cli 的 create 命令即可。
-
------- --------
------- ------ ------
--------- -
-
------- -----------
------- -------
-------- -----------
----------- -----
-------- ------------ --------
--
-
------- -----------
------- -----------
-------- -----------
----------- -----
-------- ------------
-
-
--- ---------- ------ ------ --------------------
结论
@uklfr/formed-cli 为前端开发人员带来了很多便利，它可以帮助我们快速创建表单并且对表单进行定制化配置。这对于快速开发和测试表单非常有帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600673dffb81d47349e53c58