📜  如何通过 npm 导入 LESS?

📅  最后修改于: 2021-08-31 08:08:54             🧑  作者: Mango

LESS 代表精简样式表。它是一个向后兼容的 CSS 语言扩展。可以通过在扩展名为 .less的文件中编写适当的代码,然后将其转换为 CSS 文件来设置网页样式。

安装 LESS 的步骤:
第一步:安装LESS,首先要确保系统中已经安装了node和npm。如果没有,请按照下面给出的说明安装它们。

  • 在系统中下载最新版本的node并安装。
  • 现在打开命令提示符并移动到您的项目文件夹。
  • 现在您需要创建一个package.json文件来管理依赖项。为此,请使用下面给出的命令。
    npm init

    之后,您将被要求提供用户选择的包名称和描述。对于其他手续,只需按 Enter 即可创建您的 package.json文件。

第 2 步:现在使用以下命令安装 LESS:

npm install less

注意:全局安装 LESS npm 模块,以便任何项目都可以使用它,使用命令npm install less -g 。如果您在 Mac 或 Linux 机器上执行此操作,则可能需要在此命令的开头添加“sudo”。
第 3 步:要编译.less文件,请使用以下命令:

lessc input.less output.css

注意:确保您在包含 input.less文件的同一文件夹中运行此命令。这样就完成了 LESS 文件到 CSS 文件的编译,现在可以将其添加到 HTML 文件中。