如何在模板中将.SCSS 编译为.CSS 项目文件

Question

我是一名初学者，只熟悉 HTML/CSS/JS 及其框架的一些基础知识。

我最近从一个项目的模板怪物购买了这个模板（ https://www.templatemonster.com/intense-multipurpose-html-template.html?aff=template-static ）

我需要什么 - 想要更改模板的主要主题颜色。

我做了什么 - 根据文件，它说 -

“要替换模板的主要 colors，您需要打开文件 _color-default.scss，并将 $primary、$secondary、$gray-base...（取决于您的模板）变量的值替换为必要的 colors .然后，将 SCSS 编译成 CSS。 "

我面临的问题 - 我对 SCSS 的概念完全陌生，有人可以帮助我了解如何将这些 SCSS 文件编译为 CSS，如文档所述。

这是我的项目，如果有帮助 -

Answer 1

使用 scss 编译器，如 node-sass、live-sass 或 gulp。 一个更简单的选择是使用在线编译器，如http://beautifytools.com/scss-compiler.php或CodePen中的编译器