npm 包 @adminide-stack/schema 使用教程

在现代前端开发中,使用 JSON Schema(简称 JsonSch)进行 API 规范和前端界面校验已经成为了一个普遍的做法。@adminide-stack/schema 是一个基于 JSON Schema 4 规范实现的 npm 包,它提供了对 JSON Schema 进行快捷操作的方法,使开发者可以轻松生成 JavaScript 对象和 TypeScript 声明,并且支持常见的校验规则,包括字符串、数字、日期等等。

安装

--- ------- ----------------------

使用方式

1. 初始化

------ - ------ - ---- -------------------------

----- ------ - --- --------
  ------ ---------
  ----- ---------
  ----------- -
    ---------- -
      ----- ---------
    --
    --------- -
      ----- ---------
    --
    ---- -
      ----- ----------
    --
    ------ -
      ----- ---------
    --
  --
  --------- ------------- ------------
---

2. 生成 JavaScript 对象

----- ---- - -
  ---------- -------
  --------- ------
  ---- ---
  ------ --------------------
--

--- -
  ----- ------ - ----------------------

  -------------------- -- ----
- ----- ------- -
  ---------------------
-

3. 生成 TypeScript 声明

-----------------------------------

生成结果:

--------- ------ -
  ---------- -------
  --------- -------
  ----- -------
  ------- -------
-

校验规则

字符串

----- ------ - --- --------
  ----- ---------
  ---------- --
  ---------- ---
  -------- --------------
---

-------------------------------------- -- ----
-------------------------------------- -- -----

-----------------------------------

生成结果:

---- ------------ - ---------

数字

----- ------ - --- --------
  ----- ---------
  -------- --
  -------- ---
---

-------------------------------- -- ----
--------------------------------- -- -----

-----------------------------------

生成结果:

---- ------------ - -------

日期

----- ------ - --- --------
  ----- ---------
  ------- -------
---

------------------------------------------- -- ----
------------------------------------------- -- -----

-----------------------------------

生成结果:

---- ---------- - ---- - ---- - ----------

结语

本篇文章介绍了如何使用 @adminide-stack/schema 包生成 JavaScript 对象和 TypeScript 声明,并且介绍了常见的校验规则。@adminide-stack/schema 是一个非常实用的 npm 包,可以帮助开发者快速进行 JSON Schema 校验规范,提高开发效率。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/109299


猜你喜欢

  • npm 包 hops-renderer 使用教程

    什么是 hops-renderer hops-renderer 是一个用于服务器端渲染 React 应用程序的 npm 包,它可以使您的 React 应用程序在 SSR 场景下表现出色,并且非常易于使...

    5 年前
  • npm 包 hops-react 使用教程

    在前端领域,npm 是一个非常强大且受欢迎的包管理器。通过使用 npm,我们可以下载、安装和管理代码包,不仅可以提高效率,还可以帮助我们更好地构建项目。 hops-react 是一个 npm 包,它提...

    5 年前
  • npm 包 hops-mixin 使用教程

    前言 在前端开发中,我们经常需要编写 CSS 样式的 mixins,来实现一些共用的功能。以往我们可能需要手动编写一些 mixin 函数,或者使用已存在的一些 mixin 库。

    5 年前
  • npm 包 @untool/yargs 使用教程

    简介 在前端开发过程中,我们经常需要处理命令行参数。而一个好的命令行参数处理工具可以帮助我们更加方便和快速地进行开发和调试工作。@untool/yargs 就是一个强大的命令行参数处理工具,它基于 y...

    5 年前
  • npm 包 @untool/webpack 使用教程

    什么是 @untool/webpack @untool/webpack 是一个基于 webpack 的工具集合,旨在帮助开发者快速搭建 React 和 Node.js 应用程序的开发环境。

    5 年前
  • npm 包 @untool/info 使用教程

    在前端开发领域,我们经常会使用 npm 来管理项目依赖和资源。在使用 npm 的过程中,我们可能会遇到一些问题,例如如何获取当前应用的版本号、如何在项目中打印调试信息等等。

    5 年前
  • npm 包 deliver 使用教程

    deliver 是一款能够简单、快速地将本地文件或目录部署到远程服务器上的 npm 包。它能够极大地方便前端开发和部署的过程。在本篇文章中,我们将一步步介绍 deliver 的用法。

    5 年前
  • npm 包 tags-select 使用教程

    在前端开发中,我们经常需要使用带有标签的选项列表。为了方便实现这种效果,npm 社区开发了一个叫做 tags-select 的 npm 包。本篇文章将详细介绍如何使用 tags-select,包括安装...

    5 年前
  • NPM 包 easy-question 使用教程

    介绍 easy-question 是一个基于 Node.js 编写的命令行工具,可以帮助用户在命令行中快速创建各种问题,例如选择题、填空题、判断题,可用于在线教育、考试系统等场景。

    5 年前
  • npm 包 Domy-element 使用教程

    Domy-element 是一个基于 Web Components 技术开发的 npm 包,它提供了一组易于使用的 DOM 元素。 安装 可以通过 npm 进行安装,命令如下: --- -------...

    5 年前
  • npm 包 http-test 使用教程

    简介 http-test 是一个基于 Node.js 的 npm 包,用于实现 HTTP 接口的单元测试。在前端开发中,单元测试是一项非常重要的工作。它能够帮助开发者发现 API 接口在实际使用中存在...

    5 年前
  • npm包 dnslink-deploy 使用教程

    概述 在 Web 开发中,我们经常需要将应用程序部署到云上,以便全球范围内的用户可以访问您的网站或应用。但是,将您的应用程序部署到云上可能变得非常复杂,特别是在您想要使用自定义域名时。

    5 年前
  • npm 包 set-headers 使用教程

    当我们开发 Web 应用时,经常需要设置 HTTP 响应头,以便浏览器或其他客户端能够正确地接收内容并执行一些操作。这时,我们可以使用一个非常方便的 npm 包,叫做 set-headers。

    5 年前
  • npm 包 redirects 使用教程

    在前端项目开发中,常常需要将网页链接重定向至另一个链接。这个过程需要通过服务器端进行处理,但是使用 npm 包 redirects 可以让这个过程更加方便。 本文将为大家介绍 npm 包 redire...

    5 年前
  • npm 包 cache-headers 使用教程

    在前端开发的过程中,我们经常会用到一些 npm 包来帮助我们完成一些任务,比如优化静态资源缓存。cache-headers 就是一个可以帮助我们设置缓存策略的 npm 包,本文将为大家详细介绍它的使用...

    5 年前
  • NPM包@derander/tsunami使用教程

    近年来,随着Web前端技术的日新月异,人们对于前端的工程能力和代码规范也有了更高的要求,因此,前端开发者也对于相关工具和框架的使用愈发注重。在众多前端开发工具中,NPM(Node Package Ma...

    5 年前
  • npm 包 @danielchabr/lingui_cli 使用教程

    前言 在前端开发过程中,国际化是一个必不可少的环节。@danielchabr/lingui_cli 是一个基于 linguiJS 的国际化工具,它可以提供比较良好的国际化编写体验。

    5 年前
  • npm 包 @aki77/atom-select-action 使用教程

    简介 @aki77/atom-select-action 是一个 Atom 插件,它提供了一种让用户通过控制台来执行特定动作的方法。 该插件接受一个文本输入,并根据用户输入反馈不同的命令。

    5 年前
  • npm 包 adventure-map 使用教程

    介绍 adventure-map 是一个 Node.js 的 npm 包,它可以帮助开发者生成文本型的游戏地图。通过它的 API 接口,你可以随心所欲地创建你自己的游戏地图,包括地形、建筑、敌人等。

    5 年前
  • npm 包 request-builder 使用教程

    在前端开发中,我们经常需要向后端发送 HTTP 请求来获取数据或者执行操作。而为了简化发送请求的流程,我们可以使用 npm 包 request-builder。 request-builder 是一个...

    5 年前

相关推荐

    暂无文章