PhpStorm:更改SCSS文件监视器预定义设置
PhpStorm是一款由JetBrains开发的集成开发环境（IDE），主要用于PHP开发。它提供了丰富的功能和工具，帮助开发人员提高效率和代码质量。
SCSS（Sassy CSS）是一种CSS预处理器，它扩展了CSS的功能，使得样式表的编写更加灵活和可维护。SCSS文件可以通过编译生成普通的CSS文件，然后在网页中使用。
在PhpStorm中，可以通过更改SCSS文件监视器预定义设置来自动编译SCSS文件。这样，每当SCSS文件发生更改时，PhpStorm会自动重新编译生成对应的CSS文件。
要更改SCSS文件监视器预定义设置，可以按照以下步骤操作：
- 打开PhpStorm，并打开项目中的SCSS文件所在的目录。
- 在PhpStorm的菜单栏中，选择"File"（文件）-> "Settings"（设置）。
- 在弹出的设置窗口中，选择"Tools"（工具）-> "File Watchers"（文件监视器）。
- 在文件监视器列表中，找到SCSS文件监视器，并点击它。
- 在右侧的设置面板中，可以看到预定义的设置选项。
- 根据需要，可以更改编译输出路径、编译选项等设置。
- 确认设置后，点击"Apply"（应用）或"OK"（确定）保存更改。
通过更改SCSS文件监视器预定义设置，可以根据项目的需求来配置SCSS文件的自动编译。这样，开发人员可以专注于编写SCSS代码，而无需手动编译生成CSS文件。
推荐的腾讯云相关产品：腾讯云开发者工具箱（https://cloud.tencent.com/product/toolbox）提供了丰富的开发工具和服务，包括IDE、代码托管、持续集成等，可以帮助开发人员更高效地进行开发工作。
相关·内容
我使用的是PHPstorm 6，并且我的SCSS文件被编译到CSS文件夹中，所以我有： -- main.cssjs -- main.scss一切都很好，但是昨天我把我的PHPstorm从版本6更新到了版本7，现在我的SCSS编译/文件<e
浏览 2提问于2013-10-25得票数 23
回答已采纳
所有更改的文件都会自动上载到服务器，所以这是可以的。我有一个文件监视器(Compass SCSS)来将我的.scss转换成.css。更改.sccs文件时，会将其上载到远程服务器，但转换后的.css文件不会。
在部署选项中，选中了"Upload external changes“复选框(见屏幕截图)。在文件监视器设置中，“要刷新的输出路径”被设置为已转换的
浏览 1提问于2016-05-12得票数 0
1回答
每个皮肤的_skinVariables部分更改，而_specificCode是在位于all_skins目录之外的所有all_skins文件中重用的通用部分。问题是，每当我对specificCode部分文件进行更改时，都需要手动重新编译每个scss文件，以便使用修改后的代码生成新的css。我正在使用PhpStorm的文件监视程序，因此对特定scss文件的任何更改都会触发监视程序，但是对包含的_spec
浏览 6提问于2017-02-08得票数 0
回答已采纳
1回答
文件监视器突然停止工作，并产生以下错误：完整的参数字段值：--no-cache --update $FileName$:$FileNameWithoutExtension$.css
我在这个上尝试了解决方案，但仍然生成了相同的错误因为我已经使用PHPStorm好几个月了，没有遇到过这样的错误。似乎文件监视器
浏览 3提问于2016-08-12得票数 10
回答已采纳
在PhpStorm 2016.3.2中，如果您打开一个.scss文件，会添加一个默认设置的文件监视器：如何全局修改这些设置？
如果我开始一个新项目，文件观察器会添加新的修改设置吗？
浏览 8提问于2017-02-22得票数 0
回答已采纳
1回答
我是一个Symfony 2项目的新手，该项目包含参考资料文件夹中的SCSS文件：myproject.scss@MyBundle/Resources/public我从来没有和SCSS合作过。如何实现在我的scss文件的文件更改时，css文件被创建/更新，并且Symfony2不再指示我的css路径在我的HT
浏览 2提问于2015-11-30得票数 0
我正在使用compass在PhpStorm之外将SCSS文件编译成css。我发现使用命令行“指南针监视目录”比使用PhpStorm文件监视器更快、更有效。我确实加载了指南针库，并启用了文件监视器，但禁用了触发器。尽管如此，PhpStorm始终将指南针函数"inline-image“标记为未知。IDE知道我在使用指南针，它知道我在使用SCSS，我该怎么做才能让它识别这是一个有效的函数呢？
浏览 15提问于2019-08-14得票数 0
我在PhpStorm 9中使用SCSS文件监视器，并希望禁用源代码映射生成(.map文件)。如何配置观察者呢？
浏览 5提问于2015-10-25得票数 7
回答已采纳
1回答
我正在尝试在phpstorm中配置SASS/SCSS Autoprefixer，但在google上没有任何解决方案对我有效，任何帮助都是非常感谢的…
我尝试了很多方法，包括创建一个自定义文件监视器和使用
浏览 20提问于2020-02-26得票数 2
我试图将CSS、PHP、JS和HTML文件类型添加到Windows7中的“新建”右键菜单中，我知道如何在注册表中添加带有ShellNew条目的菜单中的文件类型。我已经将Notepad++设置为打开所有这些文件类型，因此我将在菜单中得到几个相同的"Notepad++文档“条目，如下所示：有没有人知道是否有办法摆脱这种愚蠢的情况，而不安装任何调整的实用程序
浏览 2提问于2011-06-06得票数 7
4回答
我只是选择复制文件，在我的项目中要容易得多。但是phpstorm仍在抱怨指南针。没有指南针，它使用ruby 1.9.3编译scss，没有问题。我的设置正确吗？这是PhpStorm 6-
in PhpStorm 7+
浏览 4提问于2013-04-04得票数 16
回答已采纳
我在用PhpStorm。我安装了Ruby和npm。我想设置scss观察者如下："c:\test\static\scss\(can be file folder\file or folder\folder\file)""c:\test\static\css\(can be file or folder\file or folder\folder\file)"
因此，我只想简单地将\scss\更改为\c
浏览 0提问于2019-05-23得票数 0
回答已采纳
1回答
我使用Less.css文件监视器和WebStorms，我想排除特定的文件进行编译。我有一个style.less文件，其中包括所有其他CSS，只有这个文件应该被编译。我怎么能这么做？
浏览 2提问于2013-11-25得票数 11
回答已采纳
我决定尝试使用PhpStorm，但在让SCSS正常工作时遇到了一些问题。希望有人能帮我。所以我在PhpStorm中安装了一个SCSS文件观察器(通过Ruby Gems)，这看起来没问题，但我一直收到这个错误：
cmd.exe /D /C call C:/Ruby23-x64/bin/scss.bat--no-cache --update app.scss:..因此，由于某种原因，它在查看一些应该导入的SCSS</
浏览 1提问于2017-03-13得票数 1
2回答
我需要帮助设置我的SCSS文件观察者在PhpStorm。我在Ubuntu上，我有PhpStorm 6，我有Ruby1.9.3p194和SAS3.2.5的RVM。我已将“文件监视程序”选项设置为“设置>>文件监视程序”，如下所示：一旦我这样做了，我在我的.SCSS文件中更改了一些东西，但是我得到了这个错误。.-1.9.3-p194/bin/
浏览 2提问于2013-04-02得票数 9
回答已采纳
我最近在PhpStorm中添加了一个SCSS文件观察器，通常它会做它应该做的事情。我唯一的问题是它每次同步时都会在sass-folder中创建一个新文件夹。新文件夹没有名称，但它包含sass-文件夹的文件。以下是文件监视器的设置：
作用域: sass-folder
参数：--style expanded --no-cache --update $FileName$:../css/$FileN
浏览 7提问于2019-07-23得票数 1
回答已采纳
2回答
创建了所有必需的文件等等。: { // Dictionary of files } }, css: {
files: ['css&
浏览 4提问于2015-11-27得票数 4
回答已采纳
我正在做一个项目，我的同事也在做这个项目，他们在Atom中工作，他们设置了Atom，所以它是这样工作的：
有一个名为css的文件夹，该文件夹中是主文件custom.scss，它导入所有其他scss文件，还有一些包含更多scss文件的子文件夹。每当css或其任何子文件夹中的任何scss文件发生更改时，custom.scss都会重新
浏览 1提问于2019-04-12得票数 0
我有一个main.less文件，其中包含许多.less文件的@import，这些文件被编译成一个main.css文件。在phpstorm 10中，我设置了一个文件监视程序来将main.less编译成main.css。我的部署选项是在显式保存时上传更改的文件(命令S)
在保存时，如果我更改了任何main.less文件，那么.less文件就会被正确编译。然后，我修改的所有.less<e
浏览 8提问于2016-01-21得票数 0
回答已采纳
是否有一种方法可以在一个文件上设置PhpStorm中的文件监视器，以便在文件更改/保存后将该文件复制到项目中的不同位置？
浏览 4提问于2017-01-03得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
