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

Question

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

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

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

我所做的一切- 根据文档，它说-

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

我要面对的问题-我对SCSS的概念是全新的，可以有人帮助我，如文档所述如何将这些SCSS文件编译为CSS。

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

Answer 1

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