介绍
Goomi 是一款前端组件库，提供了众多基础组件和工具类，支持定制主题、按需加载等功能。Goomi 旨在提高开发效率，提供高质量的组件库，帮助开发者快速搭建 Web 应用程序。
安装
通过 npm 安装 Goomi：
npm install goomi
或者通过 yarn 安装：
yarn add goomi
使用
全局引入
在项目的入口文件中，使用 import 语句将 Goomi 引入：
import goomi from 'goomi' import 'goomi/dist/goomi.css' Vue.use(goomi)
按需引入
如果只需要部分组件，可以按需引入：
import { Button, Input } from 'goomi'
import 'goomi/dist/goomi.css'
Vue.component('g-button', Button)
Vue.component('g-input', Input)使用主题
Goomi 支持定制主题，在引入组件库之前，需要将主题变量定义好，例如：
$primary-color: #1890ff; $danger-color: #ff4d4f; $base-font-size: 16px; @import '~goomi/dist/themes/default/variables.scss';
注意，这里使用了 SCSS，需要将该代码放置在 SCSS 文件中，通过 @import 引入到项目中。
然后，在入口文件中，引入定制好的主题：
import 'your-theme-path.scss' import 'goomi/dist/goomi.css'
示例
下面提供一个示例，演示如何使用 Goomi 中的组件：
-- -------------------- ---- -------
----------
-----
--------- -------------- -------------------------- -------------
-------- -------------------- ----------------------------
------
-----------
--------
------ - ------- ----- - ---- -------
------ ------- -
----------- -
----------- -------
---------- -----
--
---- -- -
------ -
----------- --
-
--
-------- -
----------- -- -
------------------- -- ----------
-
-
-
---------本文介绍了 npm 包 Goomi 的使用方法，包括全局引入、按需引入、使用主题等。希望能够帮助您快速上手使用 Goomi 前端组件库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c8081e8991b448e5fbd