简介
在前端开发中,使用现成的样式往往能够有效地提高开发效率。而 Google Material Colors 是一个十分流行的样式选择,可以为许多项目提供美观和统一的外观。 npm 包 google-material-color-palette-json 是一个能够输出 Google Material Colors 颜色值的工具,是前端开发中非常有用的一个 npm 包。
安装
要安装 google-material-color-palette-json,只需在命令行中执行以下命令:
--- ------- ----------------------------------
安装完成后,我们就可以在项目中使用这个包了。
使用
安装完成后,我们可以在项目中引入这个 npm 包:
----- ---- - ----------------------------------------------
之后,我们就可以使用这个包提供的方法来获取 Google Material Colors 颜色。
用法示例
获取全部颜色
我们可以使用 gmcp.all() 来获取所有颜色:
----- ---- - ---------------------------------------------- ----- ------ - ----------- --------------------
此段代码的输出结果如下:
- ------- --------------- ---------------- ---------------- ---------------- ---------------- ---------------- ---------------- ---------------- ---------------- ---------------- ----------------- ----------------- ----------------- ---------------- -- -- ------ -
我们可以获得全部的 Google Material Colors 颜色。
获取单个颜色
我们可以使用 gmcp.color(color, tone) 来获取指定颜色和色调的颜色:
----- ---- - ---------------------------------------------- ----- ----- - ----------------- ------- -------------------
此段代码的输出结果如下:
-------
我们可以获得指定颜色和色调的颜色。
结论
我们可以看到,google-material-color-palette-json 可以帮助我们在前端开发中快速获取 Google Material Colors 颜色。如果你在做一个需要使用 Google Material Colors 的项目,那么这个 npm 包将是非常有用的。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedb5f0b5cbfe1ea06114a6