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、代码托管、持续集成等，可以帮助开发人员更高效地进行开发工作。
相关·内容
1回答
PHP Storm:在Symfony 2中设置SCSS
php、ruby-on-rails、symfony、sass、compass
我是一个Symfony 2项目的新手，该项目包含参考资料文件夹中的SCSS文件：myproject.scss
在HTML文件的头部，该文件的css版本包括：
@MyBundle/Resources/public/css/myproject.css
PHP表示“缺少资产”。无法呈现HTML，Symfony2说资产丢失了。
我从来没有和SCSS合作过。如何实现在我的scss文件的文件更改时，css文件被创建/更新，并且Symfony2不再指示我的css路径在我的HTML文件中丢失的资产？
我到目前为止为解决这个问题所做的工作：
我通过Ruby管理器安装了SASS和Compass。
在PHP
浏览 2提问于2015-11-30得票数 0
1回答
Webstorm文件监视程序不尊重父目录
sass、phpstorm、webstorm
我的scss有以下结构：
嵌套目录视图：
style
sass
components
_somecomponent.scss
_someothercomponent.scss
style.scss
style.css
折叠目录视图：
style/style.css
style/sass/style.scss
style/sass/components/_somecomponent.scss
style/sass/components/_someothercomponent.scss
style.scss包括_somecomponent.scss和
浏览 3提问于2015-03-17得票数 3
回答已采纳
1回答
PhpStorm:文件监视器转译.css文件后自动部署.scss文件
deployment、sass、phpstorm、file-watcher、transpiler
我正在将我的项目自动部署到远程服务器。所有更改的文件都会自动上载到服务器，所以这是可以的。我有一个文件监视器(Compass SCSS)来将我的.scss转换成.css。更改.sccs文件时，会将其上载到远程服务器，但转换后的.css文件不会。
在部署选项中，选中了"Upload external changes“复选框(见屏幕截图)。在文件监视器设置中，“要刷新的输出路径”被设置为已转换的.css文件所在的文件夹。
但是，.css文件在更改时不会自动上载。当我将焦点放在PhpStorm之外的窗口上，然后再放回PhpStorm集成开发环境时，.css文件会被上传，但我希望避免为了上传它
浏览 1提问于2016-05-12得票数 0
2回答
Project SCSS可以在Atom中工作，但不能在PhpStorm中工作
sass、zurb-foundation、phpstorm、webstorm、jetbrains-ide
因此，我正在使用Zurb Foundation 6和下划线构建一个WordPress主题。我通过CLI安装了Foundation，并在其控制台中使用了Atom和'foundation watch‘，没有出现任何问题。我决定尝试使用PhpStorm，但在让SCSS正常工作时遇到了一些问题。希望有人能帮我。
所以我在PhpStorm中安装了一个SCSS文件观察器(通过Ruby Gems)，这看起来没问题，但我一直收到这个错误：
cmd.exe /D /C call C:/Ruby23-x64/bin/scss.bat --no-cache --update app.scss:../css/
浏览 1提问于2017-03-13得票数 1
1回答
SCSS的PhpStorm文件监视器已停止工作
sass、phpstorm、jetbrains-ide、file-watcher
文件监视器突然停止工作，并产生以下错误：
Automatic upload: check for related changes from File Watchers took too much time and was cancelled.
下面是我的观察者设置：
完整的参数字段值：--no-cache --update $FileName$:$FileNameWithoutExtension$.css
我在这个上尝试了解决方案，但仍然生成了相同的错误。
我不确定我错过了什么。因为我已经使用PHPStorm好几个月了，没有遇到过这样的错误。似乎文件监视器，SCSS和SASS不再工
浏览 3提问于2016-08-12得票数 10
回答已采纳
1回答
为什么我的Sassy样式没有被应用？在Chrome开发工具中用Scss接收MIME类型错误
apache、sass、zurb-foundation、mime-types
这是我第一次在严肃的网页开发和使用基金会。
**
问题：
** 1)我是否可以在MIME类型中添加文本/scss？我正在使用Mac终端，查看apache的MIME类型，没有看到任何对scss或sass扩展的引用
2)为什么我的风格根本不适用？
3)没有优先权，但如果有人有答案，我如何自定义基金会网站以外的默认样式？
**
解释：
**我没有做任何花哨的事，我只是想把我的网页设计成自己的网页，并学习Sassy。我试图自定义基础设置中提供的_.settings.scss文件，但是更改没有加载，现在它甚至不使用默认样式。在Chrome工具中，我没有看到应用或引用的样式，页面看起来像简单的HTML。
浏览 2提问于2018-11-28得票数 0
1回答
如何编译位于不同文件夹中的所有scss文件？
ruby、compilation、sass、phpstorm
我的文件结构如下：
all_skins
|— 1
|— css
|- _skinVariables.scss
|— file.scss
|— file.css
|— 2
|— css
|- _skinVariables.scss
|— file.scss
|— file.css
|— 3
|— css
|- _skinVariables.scss
|— file.scss
|— file.css
common_css
| _specificCode.scss
| _otherCode.scss
浏览 6提问于2017-02-08得票数 0
回答已采纳
1回答
如何加快指南针表绘制速度？
sass、compass-sass
标题说了几乎所有的东西，但增加了更多的细节，比如我有罗盘项目，导入了许多部分，文件和模块，比如sassy，一些部分和模块，导入自己，其他部分或相同的部分(只是为了确保依赖关系总是以某种方式导入)。
在这里，我的问题是在观看我的项目进行修改时，加快css的生成。
下面是我的sass项目的外观：
modules/
css3/
sassy-buttons/
_sassy-buttons.scss
_fancyselect.scss
partials/
_base.scss
_typography.scss
_resetHtml5.scss
_form.scss
_
浏览 1提问于2013-05-01得票数 4
1回答
如何每次都将CSS转换为SCSS？
css、sass、phpstorm
我是一个使用sass (.scss)进行样式设计的全栈开发人员。然而，我的后端团队，当他们不得不进行前端更改时，会使用css，因为他们对此很满意。
我必须每次手动将css转换为scss，否则我将覆盖它们的更改。有没有办法更新我的scss文件以自动引入css更改？
我的集成开发环境是PhpStorm (如果对任何人有帮助的话) SASS版本3.4.24
浏览 0提问于2017-06-06得票数 0
25回答
【开箱吧腾讯云】开发工具千千万，哪个最高效最好用？
腾讯云、产品、工具、开发、开发工具
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1738提问于2022-11-02
3回答
用PHPStorm压缩CSS和JS代码？
javascript、css、phpstorm
我使用的是PHPStorm。对于web开发人员来说，这是一个非常棒的软件。
当我想在PHPStorm中压缩我的CSS & JS文件时，我在PHPStorm中找不到任何选项。
所以，请告诉我如何在PHPStorm中压缩CSS和JS代码。
浏览 0提问于2012-12-17得票数 17
回答已采纳
2回答
PhpStorm减少> CSS文件监视，自动上传？
upload、phpstorm、file-watcher
我使用的是PhpStorm 9，在我的所有项目中，我使用的都较少，并让PhpStorm将其转换为CSS。
问题是，如果我的部署选项“将更改的文件自动上传到默认服务器”设置为“在显式保存上上载”，则在我编辑该文件后，它将上载较少的文件，但它不会自动上传子CSS。如果我第二次保存较少的文件，触发另一次上传，css文件就会上传。基本上，这导致我不得不双倍节省所有的时间，以使我的风格变化可见。我是否可以做到这一点，而不必将此部署设置更改为“始终”？
我已经检查了“上传外部更改”。
浏览 4提问于2015-08-22得票数 0
回答已采纳
2回答
使PhpStorm监视(特定)文件并在更改后上传
intellij-idea、gulp、phpstorm
我正在寻找一种让PhpStorm查看文件的方法--这样每次文件发生变化时，它都应该将该文件同步到远程服务器。并且“上传外部更改”-选项(使用“启动显式保存操作”)不适合我。很近-但没有雪茄。它让我两次保存css文件--只有在我第二次保存scss-文件之后，它才上传gulp编译的-style.css-文件，就像我希望它在第一次“保存”之后所做的那样。我知道这是一件微不足道的事情--但是对于我每天轻松做200到400次的事情，我希望它能运行得尽可能流畅。这是我花了两次保存文件的时间--但这也是我心中的疑问，每次有什么事情不像我想要的那样--那么我总是必须先检查文件是否上传正确。
我正在与Wordp
浏览 2提问于2017-05-23得票数 3
回答已采纳
6回答
为什么要使用构建系统而不是包含在IDE中的构建系统？
build、build-process
我听过不止一个人说，如果你的构建过程点击了build按钮，那么你的构建过程就会中断。这通常伴随着使用make、cmake、nmake、MSBuild等工具的建议。这些工具到底提供了什么来证明手动维护单独的配置文件是合理的？
编辑:我最感兴趣的是适用于处理约20k行C++项目的单个开发人员的答案，但我也对一般情况感兴趣。
EDIT2:这个问题看起来没有一个好的答案，所以我把它写成了CW。作为对那些谈论持续集成的人的回应，是的，我完全理解当你有许多开发人员在一个项目中拥有CI是很好的。然而，这是CI的优势，而不是维护单独的构建脚本。它们是正交的:例如，Team Foundation Build是一
浏览 0提问于2010-07-09得票数 6
回答已采纳
1回答
使用PhpStorm和node-watch在服务器上监视、构建文件和上传
javascript、node.js、phpstorm
我使用node-watch脚本来监视文件中的任何更改，并使用concat重新构建项目文件。
文件正在正确构建，但在我双击应用程序和PhpStorm之前，它们不会上传到服务器。问题是(可能) watch函数是异步的。我想立即看到应用程序中的更改。
如何解决这个问题？
watch('myFolderToWatch/js', {
recursive: true,
delay: 100
}, function(evt, name) {
console.log('%s changed.', name);
concat(filesToCo
浏览 3提问于2018-02-23得票数 0
2回答
Sass会自动生成css-style.css文件并放置在Sass文件夹中吗？
css、node-sass
我有一个网站项目，我的桌面上有一个主文件夹，里面有一个Css文件夹是style.css。
并已在Visual代码中安装了带有节点Sass的Windows 10操作系统，用于运行带有npm的windows
Sass文件结构体系结构为网站的每个部分提供了一个文件，其中一个用于颜色变量和字体变量的_base.scss文件，以及一个用于@imports的main.scss文件。
我的索引样式表
<link rel="stylesheet" href="css/style.css">
在我的VSC项目的主Sass文件夹中，我现在看到一个cs-style.cs
浏览 0提问于2019-12-16得票数 0
回答已采纳
1回答
为什么在检查元素时只显示css文件？
css、sass、element
首先，当我在web开发期间检查chrome浏览器中的元素时，它用于显示那些样式所在的确切scss (css预处理器)文件。这非常有帮助。但是现在，当我检查一个元素时，它只显示了计算出的css文件。我不能确切地知道我的浏览器出了什么问题。是否应该更改任何设置？请提出一个解决方案。
浏览 1提问于2016-06-11得票数 0
5回答
在Visual Studio和Qt Creator中同步开发
c++、visual-studio、qt、qt-creator
我将使用Qt开发一系列项目，它们应该在Visual Studio和Qt集成(商业)以及Qt Creator和LGPL SDK下编译。我的主要IDE是VS，但我也逐渐喜欢Qt Creator了。如果能同时在这两者中工作，那就太好了。无论如何，我在某种程度上都需要这样做。
最烦人的问题是项目管理。我应该先创建.pro文件，然后再导入到VS中吗？或者我应该首先创建VS项目，然后通过Qt集成实用程序创建.pro文件？做这件事最好的方法是什么？
我想听听你对这个问题的看法。
浏览 0提问于2009-08-25得票数 13
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
