npm 包 @nutastic/nf-admin-legacy-assets 使用教程

简介

@nutastic/nf-admin-legacy-assets 是一个适用于前端的 npm 包。它提供了多种常用的前端资产,包括样式、图标、字体等,可以方便地集成到你的项目中,使你的开发流程更加高效。

安装

使用 npm 安装该包:

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

使用

样式

reset.css

reset.css 是一个旨在在所有浏览器中重置样式的 CSS 文件。

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

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

layout.css

layout.css 是一个旨在提供基本布局的 CSS 文件。

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

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

icon.css

icon.css 是一个包含了多种常用图标的 CSS 文件。

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

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

字体

@nutastic/nf-admin-legacy-assets 提供了多种常用字体,包括 RobotoLato 等。你可以通过以下方式引入字体:

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

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

示例代码

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

总结

@nutastic/nf-admin-legacy-assets 提供了多种常用前端资产,可以方便地集成到你的项目中。它的优势在于减少了重复造轮子的时间和精力,加快了开发流程。希望这篇文章能够帮助你更好地理解和使用该 npm 包。

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


猜你喜欢

  • npm 包 @hyron/cli 使用教程

    什么是 @hyron/cli? @hyron/cli 是一个 Node.js 应用程序的命令行接口工具。它可以帮助你快速地创建、编译和部署基于 Hyron 框架的前端应用程序。

    4 年前
  • npm 包 pug-package-loader 使用教程

    前言 在前端开发中,我们经常会用到模板引擎来生成 HTML 页面。其中,Pug 是一个高效的、通过缩进加强可读性的模板引擎。而 pug-package-loader,是一个可以使你在 webpack ...

    4 年前
  • npm 包 anydoor_zfq 使用教程

    随着互联网技术的不断发展,前端开发已经成为了越来越多开发者的关注焦点。在实际工作中,我们经常需要在本地搭建一个 Web 服务器来进行页面调试、项目部署等工作,而 npm 包 anydoor_zfq 则...

    4 年前
  • npm 包 antares-protocol 使用教程

    如果你是一名前端工程师,并且正在开发 JavaScript 应用程序或组件,那么你可能已经熟悉了 npm 包管理器。npm 包管理器是一个非常流行的工具,用于管理 JavaScript 应用程序或组件...

    4 年前
  • npm 包 react-am-formutil 使用教程

    前言 在前端开发过程中,表单验证是不可避免的问题。react-am-formutil 是一款基于 React 的表单验证库,可以帮助我们快速构建表单验证逻辑。本篇教程介绍该库的使用方法,并提供示例代码...

    4 年前
  • npm 包 string-interpolation-parser 使用教程

    前言 在前端开发中,字符串插值(String Interpolation)是常见的一种操作,例如在模板中插入数据,构建动态生成的字符串等。在 JavaScript 中,开发者可以使用模板字符串(Tem...

    4 年前
  • npm包@mnatanbrito/jest-meme-reporter使用教程

    前言 在前端开发中,我们经常需要写测试代码来保证我们的代码的质量和正确性。而为了更好地进行测试,我们需要选择好合适的测试框架。Jest是由Facebook开发的一款测试框架,它拥有丰富的特性和易用性,...

    4 年前
  • @bxmoninc/diapi使用教程

    简介 @bxmoninc/diapi是一个针对前端开发的npm包,用于在具有依赖注入功能的应用程序中发起HTTP请求的工具。该工具可以在注入的HTTP服务中进行请求,这样可以更加方便地进行HTTP请求...

    4 年前
  • npm 包 myapp_51pwn 使用教程

    简介 myapp_51pwn 是一款基于 Node.js 平台的 npm 包,主要用于快速开发和搭建 Web 应用程序。该包集成了常用的前端技术和工具,包括 jQuery、Bootstrap、Gulp...

    4 年前
  • npm包vaki-epayco-node使用教程

    简介 npm是一个基于Node.js的包管理器,为开发者提供了大量的复用性工具包。vaki-epayco-node是一个基于Node.js的支付框架,使用npm包管理器。

    4 年前
  • npm 包 async-validator-patch 使用教程

    简介 在前端开发过程中,数据校验是非常重要的一部分。async-validator-patch 是一个基于 async-validator 的 npm 包,可以在数据校验的过程中灵活使用校验规则,同时...

    4 年前
  • npm 包 ngx-aem 使用教程

    前言 ngx-aem 是一个 npm 包,用于在 Angular 应用中集成 Adobe Experience Manager(AEM),它可以帮助 Angular 开发者轻松地将 AEM 的内容定向...

    4 年前
  • npm 包 tm-react-native-doc-viewer 使用教程

    tm-react-native-doc-viewer 是一个用于 React Native 应用程序开发的 NPM 包,它提供了一种方便的方式来在 React Native 应用程序中预览和浏览 iO...

    4 年前
  • npm 包 ngtools-skip-remove-decorators 使用教程

    在 Angular 中,我们可以使用装饰器来增强类、属性和方法。但是在一些情况下,我们需要在编译时移除这些装饰器,从而最小化代码的大小,提高应用程序的性能。这时,我们可以使用 npm 包 ngtool...

    4 年前
  • npm 包 demo.liuxianan.com 使用教程

    Node.js 是一个非常强大的 JavaScript 运行环境,通过 npm 包管理工具可以非常方便地管理各类相关的代码库,使得前端开发更加高效。而 demo.liuxianan.com 是一个收集...

    4 年前
  • npm 包 @trungdt/ts-json-schema-generator 使用教程

    介绍 在前端开发中,我们通常需要对数据进行验证和格式转换。而为了方便地进行数据操作,一些开发者利用 json 格式对数据进行了描述。而对于这些 json 格式的数据,我们通常需要一个工具或者库来完成验...

    4 年前
  • npm 包 run-server 使用教程

    前言 随着前端技术的发展,构建工具和前端框架层出不穷,除了常见的 webpack、gulp、grunt 等构建工具外,还有许多轻量级的 npm 包可供选择。这些工具的使用可以大量简化前端开发过程中的重...

    4 年前
  • npm 包 react-cc-tagger 使用教程

    在前端开发中,我们经常需要使用标签来展示文章、商品等信息。但是手动添加标签不仅耗时费力,同时也容易出错。为了解决这个问题,开发者们创造了各种标签库。其中一个比较常用的标签库是 react-cc-tag...

    4 年前
  • npm 包 @ddrrqq/golib 使用教程

    什么是 @ddrrqq/golib? @ddrrqq/golib 是一个基于 JavaScript 的工具库,提供了前端开发中常用的一些工具函数。其优秀的设计和优雅的代码风格,使其在前端开发领域中得到...

    4 年前
  • npm 包 @redeagle/readme-template 使用教程

    npm 是前端开发过程中依赖管理的重要组成部分,在日常工作中我们会大量地使用各种各样的 npm 包,由于 npm 包数量之多,我们需要选择一款适合我们项目的文档生成器,评估文档生成器时需要考虑包的可用...

    4 年前

相关推荐

    暂无文章