在前端开发中，CSS 是非常重要的一部分，它能够美化网页，提高用户体验。而使用 npm 包 get-css 能够更加轻松地获取各种类型的 CSS 样式。
本篇文章将会介绍如何使用 get-css，包括安装和使用方法，以及如何在项目中使用它来有效地管理和引用 CSS 样式。
安装
在使用 get-css 之前，您需要先安装它。打开您的终端（Terminal），输入以下命令：
npm install -g get-css
这将会全局安装 get-css 包。
使用方法
安装完成后，您可以在终端中输入以下命令来使用 get-css：
get-css [options] <CSS-Type>
其中，CSS-Type 对应需要获取的 CSS 样式的类型，可以是以下几种：
reset：获取 CSS Reset 样式normalize：获取 Normalize.css 样式bootstrap：获取 Bootstrap 样式bulma：获取 Bulma 样式foundation：获取 Foundation 样式tailwind：获取 Tailwind CSS 样式
例如，输入以下命令即可获取 Bootstrap 样式：
get-css bootstrap
在项目中使用
获取到 CSS 样式之后，您可能希望将它们应用到您的项目中。接下来，我们将为您介绍如何将获取到的样式文件引入到您的项目中。
下载样式文件
您可以通过以下命令获取到样式文件：
get-css [options] <CSS-Type> -o [output-path]
其中，CSS-Type 对应需要获取的 CSS 样式的类型，output-path 是样式文件下载的路径，默认路径是当前目录下的 node_modules 文件夹中。
例如，您可以通过以下命令将 Bootstrap 样式下载到当前目录下的 styles 文件夹中：
get-css bootstrap -o ./styles
在 HTML 文件中引入样式文件
下载样式文件之后，您需要在 HTML 文件中将样式文件引入。
例如，如果您想要使用 Bootstrap 样式，可以在您的 HTML 文件中添加以下代码：
<link rel="stylesheet" href="./styles/bootstrap.min.css">
其中，./styles/bootstrap.min.css 是您下载的样式文件的路径。
示例代码
下面是一个使用 get-css 获取 Bootstrap 样式并应用到项目中的示例代码：
npm install -g get-css get-css bootstrap -o ./styles
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------- ---------------
----- ---------------- ----------------------------------
-------
------
---- ------------------
---------- ---------------
------
------- --------------------------------------------
-------
-------总结
get-css 是一个十分方便的 npm 包，它能够帮助我们快速获取各种类型的 CSS 样式文件。在项目中使用 get-css，可以有效地管理和引用 CSS 样式，提高代码复用性和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69092