npm 包 evo-framework 使用教程

evo-framework 是一个基于 Vue.js 和 Element-ui 框架的前端 UI 组件库,它提供了各种常用的 UI 组件和样式,可以简化前端开发流程。

本文将介绍如何使用 npm 包 evo-framework,包括安装配置和使用教程。

安装

evo-framework 可以通过 npm 安装,执行以下命令即可:

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

配置

安装完成后,在 main.js 中添加以下代码:

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

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

以上代码会将 evo-framework 的组件注册到 Vue 中,同时也需要引入 Element-ui 的组件以及样式。

使用

Button 按钮

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

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

Dialog 对话框

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

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

结束语

以上就是 evo-framework 的基本用法,更多组件和配置项可以查阅其官方文档,相信通过本文的介绍,读者们可以更好地使用 evo-framework 让自己的项目开发更便捷高效。

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


猜你喜欢

  • npm 包 @koy/cli 使用教程

    简介 @koy/cli 是一个基于 Node.js 的命令行工具,可以帮助我们快速创建前端项目模板,提高工作效率。它采用了模板引擎和插件机制,可以方便地扩展和定制。

    4 年前
  • npm 包 adsoda 使用教程

    简介 adsoda 是一个轻量级的前端广告服务库,可以帮助开发者轻松集成各种广告服务。本文将介绍 adsoda 的使用教程,包括安装、配置、常见问题等。 安装 使用 npm 包管理工具安装 adsod...

    4 年前
  • npm 包 @jsmini/guid 使用教程

    在前端开发过程中,经常需要生成唯一的标识符,如 UUID。这时,可以使用一个叫做 @jsmini/guid 的 npm 包。这个包的特点是生成的标识符相对较短,仅有 22 个字符长度。

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

    在前端开发中,我们经常需要搭建一个本地的静态文件服务器,以方便开发和调试。而 npm 包 file-server 提供了一种快速搭建的方式,本文将介绍 file-server 的使用教程,包括安装、使...

    4 年前
  • npm 包 @sullux/fp-light-call 使用教程

    在现代的前端开发中,各种 npm 包几乎是不可或缺的。它们可以提高代码复用率和开发效率,并且让开发者们更容易构建出高质量的应用程序。其中,@sullux/fp-light-call 这个 npm 包是...

    4 年前
  • npm包@sketch_test/avatar使用教程

    本文主要介绍前端开发中,如何使用npm包@sketch_test/avatar。@sketch_test/avatar是一个用于生成随机头像的npm包,它可以帮助我们快速地生成用户头像。

    4 年前
  • npm 包 cloudpackage 使用教程

    什么是 CloudPackage CloudPackage 是一个用于前端开发的 npm 包,它提供云函数的支持,可以将前端应用中的一些耗时任务放到云端进行处理,提高了前端应用的响应速度和安全性。

    4 年前
  • npm 包 css-rules-replace-webpack-plugin 使用教程

    前言 在前端开发中,经常会遇到需要根据不同的环境加载不同的样式文件,以达到不同的效果,这时候我们通常会使用 webpack 进行打包,而 css-rules-replace-webpack-plugi...

    4 年前
  • npm 包 koa-transfer-file 使用教程

    前言 作为前端开发者,我们常常需要处理文件上传和下载等操作。koa-transfer-file 是一个可以方便处理这些操作的 npm 包。本文将介绍 koa-transfer-file 的使用方法,包...

    4 年前
  • npm 包 npmfiles 使用教程

    简介 npm 是 Node.js 包管理器,它有很多优秀的包可以供我们使用。但是在实际开发中,我们可能需要管理一些非代码文件,例如配置文件、图片资源等。这时,可以使用 npmfiles 这个 npm ...

    4 年前
  • npm 包 parkandpedal-detox-cli 使用教程

    前言 随着前端开发的日趋复杂,软件代码中出现了越来越多的依赖关系。为了更方便地管理这些依赖关系,npm (Node Package Manager) 应运而生。npm 是 Node.js 的包管理工具...

    4 年前
  • npm 包 koa-validator-ajv 使用教程

    在前端开发中,经常会使用 koa 这个 Node.js 的 web 框架来进行开发。而在进行数据校验的过程中,我们可以使用 koa-validator-ajv 这个 npm 包来帮助我们完成数据校验的...

    4 年前
  • npm 包 @includable/open-browser 使用教程

    前言 在前端开发中,我们经常需要在浏览器中打开本地一个网站或者调试工具。通过手动打开浏览器并输入网址访问这种方式有些繁琐,如果能够通过命令行直接打开浏览器就会方便很多,这时候我们就可以使用 npm 包...

    4 年前
  • npm 包 @nerdbeheard/remove-protractor-schematic 使用教程

    简介 @nerdbeheard/remove-protractor-schematic 是一个用于移除 Angular 项目中 Protractor 的 schematic 工具,可以帮助减小项目的体...

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

    在 Web 开发中,有时候需要嵌入第三方网站或 Web 应用,而这些网站或应用可能会引入一些恶意脚本,从而导致安全风险。为了解决这个问题,我们可以使用 iframe 来嵌入网站或应用,但是由于 ifr...

    4 年前
  • npm 包 cl-react-d3-tree 使用教程

    简介 cl-react-d3-tree 是一个开源的 npm 包,它可以帮助我们快速地构建一个基于 React 和 D3 的树形结构视图。它可以很好地应用于前端项目开发和数据可视化。

    4 年前
  • npm 包 koa-wetland 使用教程

    在现代 web 开发中,Node.js 和前端技术已经成为了不可或缺的一部分。Node.js 提供了强大的后端服务能力,而前端技术则能够使得我们的页面呈现更为生动、有趣。

    4 年前
  • npm 包 create-evergreen-app 使用教程

    在现代化的前端开发中,快速地创建一个具备基本配置的项目是关键的一步。这是因为前端项目常常包括一系列的组件、工具集和设置,而且这些设置常常是相似的。为了提高效率,我们可以使用一个叫做 create-ev...

    4 年前
  • npm 包 express-swagger-role 使用教程

    前言 在前端开发中,我们经常需要借助一些第三方模块来完成项目开发。npm 是一个非常流行的 JavaScript 包管理器,我们可以在其中找到大量优秀的前端库和框架。

    4 年前
  • npm 包 brain-games-v 使用教程

    概述 brain-games-v 是一个 Node.js 的命令行游戏,它包含多个小游戏,可以用于锻炼大脑。其中包括: brain-calc:计算数学表达式,测试你的算术能力。

    4 年前

相关推荐

    暂无文章