编辑SASS文件（.SCSS）

我是个十足的沙斯初学者

我有一个定制的可湿性粉剂网站使用SASS。 当我试图编辑.SCSS文件中的任何样式时，这些更改不会显示在前端

我将VS代码编辑器与“LIVESASS编译器”附加组件一起使用，但当我进行更改时，它们不会反映在前端

我显然在这里遗漏了一些东西，但真的不知道从哪里开始

我想做的就是改变网站的风格

---

谢谢

您需要确保您的计算机上安装了SASS-请查看

一旦安装了SASS，这个答案的其余部分将涉及使用命令行和一些基本命令

假设您的CSS和SCSS/SASS文件夹是这样排列的：

C:/Users/Me/development

/wordpress/wp-content/themes/my-theme/assets/css
/wordpress/wp-content/themes/my-theme/assets/scss

打开您首选的命令行界面，如PowerShell或命令提示符。首先，键入以下命令并按enter键，检查是否安装了SASS：

sass --version

你应该得到一个数字回来-如果没有，你需要再次运行安装说明，并确保你做的一切都正确

如果工作正常，您现在需要导航到包含资产的目录。加载命令行界面时，您应该在用户或主目录中—在本例中，该目录为

C:/Users/Me

。如果使用PowerShell，您将在闪烁的插入符号之前看到当前的工作目录

您可以使用更改目录命令-

cd

-导航到主题资产文件夹。使用上述示例文件路径：

cd development/wordpress/wp-content/themes/my-theme/assets

进入此目录后，您可以运行SASS

--watch

命令来监视目录的更改，并在保存时编译：

sass --watch scss:css

上面的代码监视SCSS文件夹，并将编译后的CSS放入CSS文件夹。编辑完成后，在终端（命令行）内按CTRL/CMD+C，然后按Y，停止查看SCSS文件的更改